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项目开发如何解决跨域问题
基础教程推荐
猜你喜欢
- CSS 实现绝对底部一个完美解决方案 2023-12-20
- 详解小程序中h5页面onShow实现及跨页面通信方案 2024-02-09
- 关于JavaScript中URL对象的一些妙用 2024-01-03
- JavaScript制作简单分页插件 2023-12-02
- Vue-vue-router(二)嵌套路由 2023-10-08
- JavaScript CollectGarbage函数案例详解 2024-02-06
- ie7下利用ajax跨域盗取cookie的解决办法 2024-04-15
- 突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习 2024-01-05
- 纯CSS实现导航栏下划线跟随滑动效果 2024-04-01
- 使用display:none时隐藏DOM元素无法获取实际宽高的解决方法 2022-11-20