vue.js - vue-router開(kāi)啟HTML5的history模式后nginx配置
問(wèn)題描述
因?yàn)樵趀agle201510項(xiàng)目下面有很多子項(xiàng)目,嘗試了多種配置方法都不能共存
我希望是這樣的:
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開(kāi)發(fā)的單頁(yè)應(yīng)用,需要單獨(dú)配置,但這種方式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;}}
就正常了。但是其它項(xiàng)目又無(wú)法訪問(wèn)了。。。
問(wèn)題解答
回答1:添加一個(gè)server配置項(xiàng)解決,如下:
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:
把所有沒(méi)有后綴名的請(qǐng)求如果404都跳轉(zhuǎn)到index.html
location / { error_page 404 /index.html; }
相關(guān)文章:
1. node.js - mongodb查找子對(duì)象的名稱為某個(gè)值的對(duì)象的方法2. 前端 - @media query 使用出現(xiàn)的問(wèn)題?3. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????4. javascript - QQ第三方登錄的問(wèn)題5. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤?6. html5 - datatables 加載不出來(lái)數(shù)據(jù)。7. 測(cè)試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]8. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!9. javascript - 在 model里定義的 引用表模型時(shí),model為undefined。10. spring-mvc - spring-session-redis HttpSessionListener失效

網(wǎng)公網(wǎng)安備