?

Thinkjs 作為奇舞團開源的nodejs mvc框架之一，引起了很多NodeJS程序員的親賴。但是其關于靜態文件處理部分支持不夠完善，主要是體現在SPA單頁應用，之前在ThinkJS 2.*版本時寫過一個關于處理單頁應用靜態資源的middleware think-resource-spa,但是這個只是建議在開發調試環境中使用，并不是解決方案。

?

一般作為線上服務，都會使用Nginx作為靜態服務資源代理，然后ThinkJS官網的nginx默認配置只是普通代理，所以在官方群里就經常有人聞到，前端用ng2或vue怎么配nginx等問題。

?

所以這里我將對修改后的配置文件分享給大家。

?

?

1 server { 2 listen 80; 3 server_name **.com www.***.com; 4 root /your/server/path/of/www; 5 set $node_port 9000; 6 7 location / { 8 proxy_http_version 1.1; 9 proxy_set_header X-Real-IP $remote_addr; 10 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 11 proxy_set_header Host $http_host; 12 proxy_set_header X-NginX-Proxy true; 13 proxy_set_header Upgrade $http_upgrade; 14 proxy_set_header Connection "upgrade"; 15 proxy_pass http://127.0.0.1:$node_port$request_uri; 16 proxy_redirect off; 17 } 18 19 #靜態文件 20 location ~ /static/ { 21 etag on; 22 expires max; 23 } 24 #spa app 主目錄 25 location ~ /oneapp { 26 try_files $uri $uri/ /oneapp/index.html; 27 } 28 }

?

?

1. 將所有請求代理到ThinkJS服務

2. 優先處理static請求

3. 更優先處理oneapp請求

?

我這里前端是使用vue2，這里前端需要配合修改的地方是：vue 配置base href 為“/oneapp”, 然后打包輸出到www目錄下即可

?

轉載于:https://www.cnblogs.com/rayjs/p/8056682.html

總結

以上是生活随笔為你收集整理的ThinkJS前端搭配vue时的Nginx配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。