vue项目开发如何解决跨域问题,下面编程教程网小编给大家详细介绍一下如何通过proxy
配置跨域代码!
找到vue.config.js文件,在proxy中设置跨域代码:
devServer: {
proxy: { //配置跨域
'/api': {
target: 'http://192.168.0.11:8001/', //这里后台的地址模拟的;应该填写你们真实的后台接口
changOrigin: true, //允许跨域
pathRewrite: {
'^/api': '' //重新路径
}
},
}
},
如果找不到vue.config.js文件,新建一个~
以上是编程学习网小编为您介绍的“vue项目开发如何解决跨域问题”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue项目开发如何解决跨域问题


猜你喜欢
- Vue如何利用Vuex实现跨组件状态管理 2025-01-12
- JavaScript实现语音排队叫号系统 2023-08-11
- JS中Attr的用法详解 2023-12-01
- 使用onbeforeunload属性后的副作用 2023-12-26
- html5通过postMessage进行跨域通信的方法 2022-09-16
- 如何使用CSS移动文本 2023-10-08
- JavaScript数组的常见方法 2022-07-24
- 基于ajax后台返回的数据为空前台显示出现undefined的解决方法 2023-02-23
- linux – 在电子邮件正文中发送html文件的输出 2023-10-25
- 用js读、写、删除Cookie代码分享及详细注释说明 2024-02-12