vue-cli3生成项目跨域问题解决

想做一个小项目自己玩玩，对前端不熟悉自己摸索中，由于对自己要求不高，只求会用前端即可，所以就直接上手了vue+element。搭建好环境以后想调用自己接口时发现了一个问题，根本调不通，报了这样一个跨域的错由于没有经验处理这个，就在网上查，其实解决方案很简单，只是配置一个代理，设置一下是否允许跨域的那个字段为true

话不多说直接上方法，在根目录下创建一个js文件，会在项目启动时加载，我这里就采用各个网友的方案的名字没改vue.config.js

然后在这个js文件中添加下面代码

// vue.config.js
module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://localhost:80/', //对应自己后端服务地址 这里一定要完全一致，不是https的一定不要写成https，配置过后不生效要来这里仔细对比下是不是写错了
                changeOrigin: true,//是否允许跨域，true是
                secure:false,
                ws: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}

代码里这样引用即可：

使用axios的话方式也是一样