【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‘: ‘‘
                }
            }
        }
    }
}

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

上一篇:FCC---CSS Flexbox: Apply the flex-direction Property to Create Rows in the Tweet Embed


下一篇:uniapp与webview之间的相互传值