使用反向代理解决跨域问题
在项目根目录下新建一个webpack的配置文件：vue.config.js。
跨域问题的解决必须在vue.config.js文件中进行配置书写。
代码内容如下
module.exports={devServer:{ // 配置项目的启动服务器open:true, // 设置是否自动打开浏览器host:'0.0.0.0', // 设置启动服务器的主机名port:9000, // 设置启动服务器的端口号hotOnly:true, // 设置是否启用热启动配置https:true, // 若接口地址采用https协议需要书写proxy:{ // 设置反向代理解决跨域问题'/api':{target:'http://vrvi.v228.10000net.cn', // 指定反向代理的主域名changeOrigin:true, // 是否更改接口地址的来源pathRewrite:{ // 路由重写'^/api':'/delivery/api/' // 凡是以/api开头的部分都用后面替代}}}}
}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！