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