vue.js – Nginx-Konfiguration, nachdem vue-router den HTML5-Verlaufsmodus aktiviert

Question

Da es unter dem eagle201510-Projekt viele Unterprojekte gibt, habe ich mehrere Konfigurationsmethoden ausprobiert, aber sie konnten nicht nebeneinander existieren

Das hoffe ich:

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".

Wenn die Konfiguration wie folgt geändert wird:

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;
        }
}

Es ist normal. Andere Projekte sind jedoch nicht zugänglich. . .

Answer 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;
        }
}

Answer 2

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

location / {
  error_page  404  /index.html; 
}