网上的绝大部分教程解决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': ''
}
}
}
}
}