前后端分离Vue+axios本地跨域

1.首先配置vue

    在main.js中加入:
    import Axios from "axios"
    Vue.prototype.$axios = Axios
    Axios.defaults.baseURL = "http://127.0.0.1/"        //配置默认发送请求到http://127.0.0.1/，可改或者加端口号

2.然后配置config/index.js，找到proxyTable

        proxyTable: {
              '/api': {
                   target: 'http://127.0.0.1/',//设置你调用的接口域名和端口号
                    changeOrigin: true,
                    pathRewrite: {
                          '^/api': ''
                    }
            }
        },

3.如果是开发模式就可以在config/dev.env.js配置

    module.exports = merge(prodEnv, {
         NODE_ENV: '"development"',
         API_HOST:"/api/"
    })

4.发送请求

    axios.post('/user/add',data).then(res => {
        console.log(res)
    })
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容