【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': ''

                }

            }

        }

    }

}