成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue apache 反向代理 ajax跨域

shinezejian / 3635人閱讀

摘要：團(tuán)隊(duì)合作多帶帶做前臺測試代碼時(shí)候有時(shí)候要與后臺同學(xué)配合他把后臺配置好更新到服務(wù)器我如果也上傳到服務(wù)器測試明顯太累在本地直接請求會出現(xiàn)跨域問題有想到明顯不靠譜只是為了測試污染后臺代碼后面考慮本地啟用反向代理原理和解決方案網(wǎng)上很多這里記錄下后面可

團(tuán)隊(duì)合作,多帶帶做前臺,測試代碼時(shí)候,有時(shí)候要與后臺同學(xué)配合,他把后臺配置好更新到服務(wù)器,我如果也上傳到服務(wù)器測試明顯太累,在本地直接請求會出現(xiàn)跨域問題,有想到j(luò)sonp明顯不靠譜,只是為了測試污染后臺代碼.后面考慮本地啟用反向代理.
原理和解決方案網(wǎng)上很多,這里記錄下后面可以回顧
這次開發(fā)選Vue-cli(第一次用感覺是很方便,但是出問題也是頭大)

vue-cli里已經(jīng)考慮到這個(gè)問題了,在index.js里面在dev編譯環(huán)境下有proxyTable屬性可以配置
`proxyTable: {
  "/run": {   //這里是我配置的名字
    target: "http://localhost/work4/0323/TP", //這個(gè)路徑是我代理到本地tp框架里面  
    changeOrigin: true, //開啟代理
    pathRewrite: {
      "^/run": ""http://這里重寫路徑/run就代理到對應(yīng)地址
    }
  }
},`

當(dāng)然如果用nodejs這種熱刷新高科技,在本地靜態(tài)開發(fā),我這邊還是小白的wamp環(huán)境,apache配置如下,要用肯要先啟用,啟用Apache proxy module在httpd.conf文件,直接從目錄進(jìn)去因?yàn)橐粫€要配置附加文件改這種文件要記得備份!

找到這兩個(gè) 把#號去掉

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so

保存,然后進(jìn)extra目錄(這是額外配置,為了讓httpd.conf不那么大,有的版本可能沒這個(gè)文件)
找到httpd-vhosts.conf 在開頭地方加下面代碼


    ProxyRequests off

    
      Order deny,allow
      Allow from Off
    

    ProxyPass /tp http://hazyzh.com/tp

ProxyPasss 要自己寫 不能復(fù)制 前面是重新路徑,后面是代理到對應(yīng)的地址
ProxyRequests Off 指令是指采用反向代理
ProxyPass 映射url 我這里吧我主站下tp文件夾映射到這里,你要根據(jù)自己需求寫ProxyPass
后面我在本地請求/tp開頭的路徑會自動映射到對應(yīng)服務(wù)器

比如這里我寫/tp/index.php/...會代理到hazyzh.com/tp/index.php/...
這里正好本地測試時(shí)候都是些的/ 根目錄,所以后面上線如果后臺的文件地址對應(yīng),對應(yīng)就不需要改任何代碼,正好一一對應(yīng)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/35827.html

相關(guān)文章

  • vue apache 反向代理 ajax跨域

    摘要：團(tuán)隊(duì)合作單獨(dú)做前臺測試代碼時(shí)候有時(shí)候要與后臺同學(xué)配合他把后臺配置好更新到服務(wù)器我如果也上傳到服務(wù)器測試明顯太累在本地直接請求會出現(xiàn)跨域問題有想到明顯不靠譜只是為了測試污染后臺代碼后面考慮本地啟用反向代理原理和解決方案網(wǎng)上很多這里記錄下后面可 團(tuán)隊(duì)合作,單獨(dú)做前臺,測試代碼時(shí)候,有時(shí)候要與后臺同學(xué)配合,他把后臺配置好更新到服務(wù)器,我如果也上傳到服務(wù)器測試明顯太累,在本地直接請求會出現(xiàn)跨域...

    用戶83 評論0 收藏0

  • vue apache 反向代理 ajax跨域

    摘要：團(tuán)隊(duì)合作單獨(dú)做前臺測試代碼時(shí)候有時(shí)候要與后臺同學(xué)配合他把后臺配置好更新到服務(wù)器我如果也上傳到服務(wù)器測試明顯太累在本地直接請求會出現(xiàn)跨域問題有想到明顯不靠譜只是為了測試污染后臺代碼后面考慮本地啟用反向代理原理和解決方案網(wǎng)上很多這里記錄下后面可 團(tuán)隊(duì)合作,單獨(dú)做前臺,測試代碼時(shí)候,有時(shí)候要與后臺同學(xué)配合,他把后臺配置好更新到服務(wù)器,我如果也上傳到服務(wù)器測試明顯太累,在本地直接請求會出現(xiàn)跨域...

    BlackFlagBin 評論0 收藏0

  • Nginx

    摘要：此外，其也能夠提供強(qiáng)大的反向代理功能。是由為俄羅斯訪問量第二的站點(diǎn)開發(fā)的，第一個(gè)公開版本發(fā)布于年月日。 keepalived+nginx 實(shí)現(xiàn)高可用雙機(jī)熱備 + 負(fù)載均衡架構(gòu) 1 準(zhǔn)備4個(gè)ubuntu16.04虛擬機(jī)（啟用網(wǎng)卡二并使用橋接模式）:A服務(wù)器：192.168.0.103 主B服務(wù)器：192.168.0.104 主（備） 前端工程師學(xué)習(xí) Nginx ...

    syoya 評論0 收藏0

  • 前端跨域資源請求： JSONP/CORS/反向代理

    摘要：此時(shí)完成的跨域代理配置僅僅是在開發(fā)環(huán)境下生效，到了生產(chǎn)環(huán)境下如果是放到服務(wù)器上則還需要借助的反向代理來進(jìn)行跨域的代理。跨域 指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本，它是由瀏覽器的同源策略造成的，是瀏覽器對 JavaScript 施加的安全限制。同源就是指 域名，協(xié)議，端口 均相同。兩個(gè)網(wǎng)域若 域名、協(xié)議、端口 任一不同則二者的通信就出現(xiàn)了跨域問題，前端的跨域問題普通存在于兩個(gè)階段，一個(gè)是開發(fā)環(huán)境...

    番茄西紅柿 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<