天天看点

history模式 nginx配置_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;

include        fastcgi_params;

}

}

m-example

目录是使用vue-router开发的单页应用,需要单独配置,但这种方式

m-example

并不能正常加载

加载的js,css都变成了html

console

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;

include        fastcgi_params;

}

}

就正常了。但是其它项目又无法访问了。。。

添加一个

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;

}

}

把所有没有后缀名的请求如果404都跳转到index.html

location / {

error_page  404  /index.html;

}