Vue 跨域

• 什么是跨域

• 解决
  通过代理请求的方式解决，将 API 请求通过代理服务器请求到 API 服务器。
  开发环境中，在 vue.config.js 文件中使用 devServer.proxy 选项进行代理配置（类似于vpn 的东西模拟发送请求）
  参考：https://cli.vuejs.org/zh/config/#devserver

• vue.config.js 所示

module.exports={
    devServer: {
        port: 8888, // 端口号，如果端口被占用，会自动提升 1 
        open: true, // 启动服务自动打开浏览器 
        https: false, // 协议
        host: "localhost", // 主机名，也可以 127.0.0.1 或 做真机测试时候 0.0.0.0
        proxy:{
            "/dev-api":{   //请求的路径为dev-api  时 会进入这个配置对象
                target:'http://localhost:8080/',  //替换成的目标路径
                changeOrigin:true,
                pathRewrite:{
                    '^/dev-api':'',       //被替换的url
                }
            }
        }
    },