nuxt反向代理,解決客戶端服務端兩者之間衝突
nuxt是服務端的為什麼還需要反向代理呢?
因為asyncData對於當前頁面重新整理,是服務端執行此函式,從其他頁面跳轉過來是客戶端執行此函式,因此,當服務端執行此函式就會出現跨域,還是需要反向代理解決。
下載外掛
npm i --save @nuxtjs/proxy
在nuxt.config.js的modules宣告一下proxy,並在axios設定proxy為true,最後配置proxy
modules: [
// Doc: https://axios.nuxtjs.org/usage
'@nuxtjs/axios',
'@nuxtjs/proxy'
],
axios: {
proxy:true
},
proxy:{
//攔截ajax開頭的
'/ajax':{
target:'http://m.maoyan.com',
changeOrigin:true
}
},
可能遇到報錯
connect ECONNREFUSED 127.0.0.1:80
解決方式1:
通過判斷服務端請求還是客戶端請求來決定是否加https的完整路徑
process.server
為true時是伺服器執行,為false是客戶端執行
url: process.server ? 'https://m.maoyan.com/ajax/moreComingList?token=' : '/ajax/moreComingList?token='
解決方式2:
此時修改package.json,並在控制檯提示的對應網址訪問網站
"config":{
"nuxt":{
"host":"0.0.0.0",
"port":"80"
}
}
相關文章
- 客戶端,服務端客戶端服務端
- 服務端,客戶端服務端客戶端
- oracle客戶端同sap衝突的問題Oracle客戶端
- 模板,從服務端到客戶端服務端客戶端
- 服務端渲染和客戶端渲染服務端客戶端
- MQTT協議從服務端到客戶端詳解MQQT協議服務端客戶端
- 客戶端與服務端Socket通訊原理詳解客戶端服務端
- Thrift 客戶端-服務端 零XML配置 註解式配置客戶端服務端XML
- Git 解決本地遠端版本衝突Git
- ZooKeeper服務發現客戶端客戶端
- OSSEC服務端配置客戶端批次部署方案服務端客戶端
- python建立tcp服務端和客戶端PythonTCP服務端客戶端
- golang實現tcp客戶端服務端程式GolangTCP客戶端服務端
- Nginx 反向代理後如何獲取真實客戶端 IPNginx客戶端
- TCP程式設計之服務端和客戶端的開發TCP程式設計服務端客戶端
- macOS 自帶的ftp服務端&vnc客戶端MacFTP服務端VNC客戶端
- MQTT伺服器搭建服務端和客戶端MQQT伺服器服務端客戶端
- .Net Remoting服務端與客戶端呼叫示例REM服務端客戶端
- Rest Post示例(java服務端、python客戶端)RESTJava服務端Python客戶端
- Android實現Thrift服務端與客戶端Android服務端客戶端
- rsync備份【基於客戶端與服務端】客戶端服務端
- 使用多種客戶端消費WCF RestFul服務(一)——服務端客戶端REST服務端
- PC客戶端安全測試服務客戶端
- nginx反向代理獲取客戶端的真實IP和域名Nginx客戶端
- tiny-frpc: frp 反向代理精簡版客戶端FRPRPC客戶端
- python實現兩臺不同主機之間進行通訊(客戶端和服務端)——SocketPython客戶端服務端
- 服務端渲染vs客戶端渲染到前後端同構服務端客戶端後端
- 使用Apollo Server搭建GraphQL的服務端和客戶端Server服務端客戶端
- 服務端如何獲取客戶端請求IP地址服務端客戶端
- 實現客戶端與服務端的HTTP通訊客戶端服務端HTTP
- Eureka高可用叢集服務端和客戶端配置服務端客戶端
- SpringBoot系列之服務端解析客戶端國際化請求Spring Boot服務端客戶端
- binder通訊例項之c++客戶端與c++服務端C++客戶端服務端
- 微服務架構,客戶端如何catch服務端的異常?微服務架構客戶端服務端
- WebSphere 反向投資者: 解決 WebSphere Application Server 的配置衝突WebAPPServer
- 09.SVN入門筆記——在 Eclipse 中使用 SVN 客戶端外掛解決衝突筆記Eclipse客戶端
- 初識Spring Cloud Eureka(三)(Eureka客戶端之間 服務的相互呼叫)SpringCloud客戶端
- Java服務端和客戶端開發輔助工具UtilsJava服務端客戶端