vue.js - vue-router開啟HTML5的history模式后nginx配置
問題描述
因為在eagle201510項目下面有很多子項目,嘗試了多種配置方法都不能共存
我希望是這樣的:
server {listen 80;server_name 192.168.10.91;root 'E:/UED/eagle/branch/eagle201510';location / { index index.html index.htm index.php; #autoindex on;}location ^~ /m-example/ { root 'E:/UED/eagle/branch/eagle201510/m-example'; try_files $uri $uri/ /index.html =404;}location ~ .php(.*)$ { fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; fastcgi_split_path_info ^((?U).+.php)(/?.+)$; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; fastcgi_param PATH_INFO $fastcgi_path_info; fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info; includefastcgi_params;}}
m-example目錄是使用vue-router開發(fā)的單頁應(yīng)用,需要單獨配置,但這種方式m-example并不能正常加載加載的js,css都變成了htmlconsole
vendors.js:1 Uncaught SyntaxError: Unexpected token <main.js:1 Uncaught SyntaxError: Unexpected token <index.html:6 Resource interpreted as Stylesheet but transferred with MIME type text/html: 'http://192.168.10.91/m-example/dist/main.css'.
如果配置改成這樣:
server {listen 80;server_name 192.168.10.91;root 'E:/UED/eagle/branch/eagle201510';location / { root 'E:/UED/eagle/branch/eagle201510/m-example'; try_files $uri $uri/ /index.html =404;}location ~ .php(.*)$ { fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; fastcgi_split_path_info ^((?U).+.php)(/?.+)$; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; fastcgi_param PATH_INFO $fastcgi_path_info; fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info; includefastcgi_params;}}
就正常了。但是其它項目又無法訪問了。。。
問題解答
回答1:添加一個server配置項解決,如下:
server {listen 80;server_name www.m-example.com;root 'E:/UED/eagle/branch/eagle201510/m-example';location / { try_files $uri $uri/ /index.html =404;}}回答2:
把所有沒有后綴名的請求如果404都跳轉(zhuǎn)到index.html
location / { error_page 404 /index.html; }
相關(guān)文章:
1. javascript - 如何使用loadash對[object,object,object]形式的數(shù)組進(jìn)行比較2. 這種數(shù)據(jù)怎么合并啊?3. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應(yīng)4. javascript - 如何清除向可編輯的(contenteditable)元素里粘貼的文本的標(biāo)簽和樣式?5. mysql優(yōu)化 - 關(guān)于mysql分區(qū)6. 如何分別在Windows下用Winform項模板+C#,在MacOSX下用Cocos Application項目模板+Objective-C實現(xiàn)一個制作游戲的空的黑窗口?7. angular.js - 百度支持_escaped_fragment_嗎?8. javascript - ionic2 input autofocus 電腦成功,iOS手機(jī)鍵盤不彈出9. nlp - python如何對一篇文章自動分段?10. css3 - 這個形狀使用CSS怎么寫出來?
