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

Posted 2020-11-24 黄烤鸭

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

                }

            }

        }

    }

}