vue apache 反向代理 ajax跨域

用戶83 發布于2019-06-27 15:51 / 739人閱讀

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

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

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

當然如果用nodejs這種熱刷新高科技,在本地靜態開發,我這邊還是小白的wamp環境,apache配置如下,要用肯要先啟用,啟用Apache proxy module在httpd.conf文件,直接從目錄進去因為一會還要配置附加文件改這種文件要記得備份!

找到這兩個把#號去掉

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

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


    ProxyRequests off

    
      Order deny,allow
      Allow from Off
    

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

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

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

GPU云服務器云服務器 apache反向代理tomcat 阿里云跨域與反向服務器代理 apache反向代理服務器配置 ajax跨域

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/22590.html

vue apache 反向代理 ajax跨域

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

shinezejian 2019-07-24 10:36 評論0 收藏0
vue apache 反向代理 ajax跨域

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

BlackFlagBin 2019-08-20 15:23 評論0 收藏0
Nginx

摘要：此外，其也能夠提供強大的反向代理功能。是由為俄羅斯訪問量第二的站點開發的，第一個公開版本發布于年月日。 keepalived+nginx 實現高可用雙機熱備 + 負載均衡架構 1 準備4個ubuntu16.04虛擬機（啟用網卡二并使用橋接模式）:A服務器：192.168.0.103 主B服務器：192.168.0.104 主（備）前端工程師學習 Nginx ...

syoya 2019-07-25 14:06 評論0 收藏0
前端跨域資源請求： JSONP/CORS/反向代理

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

番茄西紅柿 2019-04-23 11:40 評論0 收藏0