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 electron实现无边框窗口示例详解 2023-12-14
- vue前端分页功能实现代码(附js代码) 2025-01-11
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码 2024-01-12
- javascript history对象(历史记录)使用方法(实现浏览器前进后退) 2023-12-28
- css控制div鼠标放上去变色 2023-12-21
- 前端页面文件拖拽上传模块js代码示例 2024-01-17
- vuejs鼠标拖着改变div宽度大小 2025-01-12
- JavaScript实现H5接金币功能(实例代码) 2023-11-30
- vue 使用$refs获取表单内容及v-model双向数据绑定 2023-10-08
- 总结30个CSS3选择器 2023-12-08
