vue实现前端跨域问题

在项目的根目录下的vue.config.js文件中填写以下代码

注意：

1，如果没有vue.config.js文件，自己创建一个。填入以下代码。

2，如果这里设置了域名，而且用了axios请求后台，axios的baseUrl就不用设置域名了。

3，如果8080端口被其他应用占用，按照在启动项目后的终端窗口的端口配置到这里。

4，文中 ‘/home’ 是访问后台接口的接口，只有是以‘home’的才能代理。如：http://xxx.xx.cn/home/xx。根据自己项目的配置

module.exports = {
  devServer: {
    host:'localhost',
    port: 8081,
    proxy: {
      '/home': {
        target: 'https://www.baidu.cn',//要跨域的域名
        secure: false, //如果是https接口，如要配置此参数
        changeOrigin: true,
      }
    }
  },
  lintOnSave: false
}