- 什么是跨域
-
解决
通过代理请求的方式解决,将 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
}
}
}
},