首页IT科技vue配置代理后浏览器网络看见的(Vue 配置代理)

vue配置代理后浏览器网络看见的(Vue 配置代理)

时间2025-07-17 07:19:28分类IT科技浏览4352
导读:说明:这里的vue代理是指用vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块(这个模块相当于是node.js的一个插件)。...

说明:这里的vue代理是指用vue静态服务器做代理             。使用的是 http-proxy-middleware 这个模块(这个模块相当于是node.js的一个插件)                    。

版本: vue-cli 3.0以上

修改文件位置:根目录下的vue.config.js

代码:

vue项目里             ,我的所有接口的地址都是/api开头的                    ,所以前面用 ‘/api’       ,如果我的开头是/pc开头      ,但是接口没有/pc这时候会用到路径重写                    ,下面有介绍       。

当node服务器 遇到 以 ‘/api’ 开头的请求             ,就会把 target 字段里的值加上      ,那么请求地址就为变成了http://192.168.123.123:8080/api/xxxx/xxx

pathRewrite 表示的意思是 把/api 替换为 空                    ,那么请求地址就为 http://192.168.123.123:8080/xxxx/xxx(如果是/pc             ,就把pc替换为空)

注意2:在本地查看地址的时候,地址不会更改                    ,还是http://localhost:8090/api/xxx/xxxxx                    ,看起来/api和target的地址没有替换,但实际已经替换了      。

刚接触的对pathRewrite不是很懂             ,把他的中文意思理解为重新写了/api的路径                    ,调用时就不加/api了       ,这个理解是错误的             ,他其实就是吧/api替换为空                    ,如果还报错就查一查看看是不是提交的方法问题       ,比如 get 和 post 没区分开                    。

声明:本站所有文章      ,如无特殊说明或标注                    ,均为本站原创发布             。任何个人或组织             ,在未征得本站同意时      ,禁止复制             、盗用                    、采集       、发布本站内容到任何网站      、书籍等各类媒体平台      。如若本站内容侵犯了原著者的合法权益                    ,可联系我们进行处理                    。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
主机和终端模式的优缺点(网络主机的核心功能包括哪些?) 爬取网站数据 违法吗(网站爬取测试)