【VUE】vue在vue-cli3环境下基于axios解决跨域问题

时间:2022-01-17 06:25:03

网上的绝大部分教程解决vue axios跨域问题都不能直接适用vue-cli3。这是因为vue-cli3不一样的配置方式导致的。

如果是使用vue-cli3构建的项目,那么默认是没有config.js文件的。按照官方文档介绍,每个人可以通过在项目根目录下建立vue.config.js文件,配置属于自己的config文件。

之后按照网上其他的解决axios跨域问题的方案实施即可。

// vue.config.js module.exports = {     publicPath: ‘/‘,     devServer: {         proxy: {             ‘/api‘: {                 target: ‘http://localhost:10086‘,                 changeOrigin: true,                 ws: true,                 pathRewrite: {                   ‘^/api‘: ‘‘                 }             }         }     } }