vue项目解决跨域问题

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代理,就可以了。

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

以上是 vue项目解决跨域问题 的全部内容, 来源链接: utcz.com/z/377488.html

回到顶部