vue项目解决跨域问题

vue在本地跑，run个dev啥的，会面临到跨域问题

解决：在config的index.js文件里，dev模块加上：

proxyTable: {

    '/api': {

        target:'http://zhinenghuapen',    //你要请求的接口地址

        changeOrigin: true,

        pathRewrite: {

            '^/api': '/'

        }

    }

}

像这样：

target里写后端给你的API接口路径

 

然后在项目里，正常写就可以了。

 

举个栗子：

如果接口是：http://zhinenghuapen/mobile/getTrends

 

只需在axios的url里写 ‘/mobile/getTrends’

就可以了。

 

如果想要run build   打包，打包后的路径是你自己本地磁盘比如E:\web\app这种，这个时候vue-cli的反向代理也是没用的，需要和后端讲，让后端做nginx代理，就可以了。

 

 

不要觉得年纪轻轻就到了低谷，人生还有很大的下降空间。