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

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

}