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项目开发如何解决跨域问题


基础教程推荐
猜你喜欢
- 一文详解Web Audio浏览器采集麦克风音频数据 2024-01-08
- mysql – 解析网站HTML的最快/最简单的方法? 2023-10-26
- javascript中onmouse事件在div中失效问题的解决方法 2024-01-08
- Vue 框架之动态绑定 css 样式实例分析 2023-12-27
- JavaScript实现图片放大镜效果 2023-12-27
- 简单实现ajax拖拽上传文件 2023-02-14
- 如何在postman中添加cookie信息步骤解析 2024-02-12
- vue中动态引进组件、动态引进js模块文件 2023-10-08
- PHP与JavaScript针对Cookie的读写、交互操作方法详解 2024-01-30
- 静态页面利用JS读取cookies记住用户信息 2024-01-29