網上的絕大部分教程解決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': ''
}
}
}
}
}