解决Vue跨域问题 : 正向代理与反向代理
生活随笔
收集整理的這篇文章主要介紹了
解决Vue跨域问题 : 正向代理与反向代理
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?
你需要做一個(gè)反向代理的東西? ?===> 打開(kāi)你的vue項(xiàng)目的config文件夾下的index.js
?
找到以下代碼??
dev: {proxyTable: {'/api': {target: 'http://ip地址', //這里面是你要訪問(wèn)的IP地址changeOrigin: true, //開(kāi)啟代理 pathRewrite: {'^/api': '/api'}}修改后:
dev: {proxyTable: {'/queue-admin': { // 使用"/queue-admin"來(lái)代替 API頭部,可隨意命名//target: '...', // 源地址 本地開(kāi)發(fā)的API頭部target: "...", // 配置到服務(wù)器后端的API頭部 pathRewrite: {'^/queue-admin': '/queue-admin' // 路徑重寫(xiě),第一個(gè)與上面相同,第二個(gè)/queue-admin 為server.context-path(服務(wù)器的上下文) },// 以下解決https 訪問(wèn)問(wèn)題。上面的可以訪問(wèn)httpchangeOrigin: true,secure: false,headers: {Referer: '...'}}}}?
Tips:配置完這里之后一定要重新啟動(dòng)項(xiàng)目要不然會(huì)沒(méi)有效果
轉(zhuǎn)載于:https://www.cnblogs.com/it-Ren/p/11314706.html
總結(jié)
以上是生活随笔為你收集整理的解决Vue跨域问题 : 正向代理与反向代理的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: FPGA学习笔记2-Quartus2简介
- 下一篇: [vue]查看当前项目vue版本