vue3配置跨域_vue3 配置跨域

在根目录下创建vue.config.js

module.exports = {
    devServer: {
        proxy: 'http://192.168.31.252:80'//服务器域名，80端口是默认的，可以不用配置
    }
}
1
2
3
4
5

那怎么请求呢？

axios.get('hello').then(res=>{})//请求的接口不要接上服务器域名，这样就会自动请求vue脚手架服务器（node服务器），所以node服务器就是作为代理服务器，从而处理了跨域问题
1

以下localhost:8080就是vue脚手架服务器，也就是代理服务器

那在封装的axios中怎么使用呢？

• 在http.js中

let baseURL = 'tp&btr/public/'
axios.defaults.baseURL = baseURL
1
2

• 使用时

this.$http.get('hello').then(res=>{})//也就是说这里的完整路径为http://localhost:8080/tp&btr/public/hello
1

可能没封装过axios的你还看不懂，没关系，看看下面的axios是怎么封装的吧
axios封装：https://blog.csdn.net/weixin_41254345/article/details/100796362?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158739682119726867815601%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=158739682119726867815601&biz_id=0&utm_source=distribute.pc_search_result.none-task-blog-2_blogfirst_rank_v2~rank_v25-2