Vue-cli创建项目从单页面到多页面4 - 本地开发服务器设置代理
2024-08-29 02:03:05
前后端分离开发时,有时候会遇到跨域的情况:只在开发的时候存在跨域,项目上线后,由于配置的域名相同,跨域就会不存在。
这个时候,有两种方案可以比较快的解决:
1、利用h5的特性,使用cors,在ngnix服务器上设置header:Access-Control-Allow-Origin的值为 *(或者目标域名)允许跨域。
2、在我们的本地开发服务器上设置代理。
这里主要介绍使用vue-cli创建项目后,怎样配置本地服务器的代理,成功通过本地服务器代理请求数据的解决方案。
解决方案
进入config/index.js中,在dev属性中添加proxyTable的设置。
假设我现在需要将我本地的http://localhost:8080/somepath
代理到目标地址http://a.b.com/otherpath
下,那么我就可以这样做:
module.exports= {
dev: {
proxyTable: {
'/somepath': {
target: 'http://a.b.com',
changeOrigin: true,
pathRewrite: {
'^/somepath': '/otherpath'
}
}
}
}
}
我的vue多页面系列的其他博客链接:
Vue-cli创建项目从单页面到多页面2-history模式
Vue-cli创建项目从单页面到多页面3-关于将打包后的项目文件不放在根目录下
最新文章
- Linux命令行
- 自动存储管理 ASM (转)
- String,StringBuffer,StringBuilder三者区别
- Swing做的非阻塞式仿飞秋聊天程序
- cocos2dx中帧循环的伪代码实现
- OpenJudge / Poj 2141 Message Decowding
- 最全的C#图片处理帮助类ImageHelper
- C# 汉子增加UTF-8头
- 在Struts2中集成Spring详细讲解
- mybatis动态sql语句问题
- 老李谈HTTP1.1的长连接
- P2045 方格取数加强版
- Java---SSH(MVC)面试题
- Linux内存管理4---虚拟地址空间管理
- html5 选择多张图片在页面内预览并上传到后台
- Java开发环境安装配置
- php excel
- 关于mydumper的.metadata文件丢失
- 架构:The Onion Architecture : part 2(洋葱架构:第二篇)(转载)
- Android 热修复 Tinker接入及源码浅析
热门文章
- python 搭建环境
- js获取屏幕高度/浏览器高度
- Dungeon Master ZOJ 1940【优先队列+广搜】
- <;context:annotation-config/>;、<;context:component-scan/>;
- cisco 为每个单独的人员设置不同的用户名和密码
- layout_gravity和gravity的区别
- Redis, Memcache, Mysql差别
- 《TomCat与Java Web开发技术详解》(第二版) 第六章节的学习总结 ---- JSP技术
- 搜索maven的库中某个支持库的的最新版本
- GIS开发站点收藏