vue项目发布后如果是router是history的话，除了首页外的页面手动刷新的话，会出现404页面，就是找不到资源，hash模式不会出现这种问题，解决办法是try_files $uri /index.html 这样路由每次请求都指向index.html页面
在谷歌搜索：
nginx conf for SPA
修改 nginx.conf
root /var/www/your_site;
location / {
try_files $uri /index.html;//这句话的作用
}
server {
listen 80 default_server;
listen [::]:80 default_server;
root /your/root/path;
index index.html;
server_name you.server.com;
location / {
try_files $uri $uri/ @rewrites;
}
location @rewrites {
rewrite ^(.+)$ /index.html last;
}
location ~* \.(?:ico|css|js|gif|jpe?g|png)$ {
# Some basic cache-control for static files to be sent to the browser
expires max;
add_header Pragma public;
add_header Cache-Control "public, must-revalidate, proxy-revalidate";
}
}
nginx + vue-router配置history模式访问
default.conf
nginx 代理解决跨域问题
location / {
root C:/web/yy;
index index.html index.htm;
}
location /api/ {
proxy_pass http://localhost:8080;
}
有四种不同的路径匹配方式，
nginx 之 proxy_pass详解
