server {
# 监听端口
listen 8088;
# 主机名称
# server_name localhost;
# 根目录
root /usr/local/var/vue/chunk/dist;
# 匹配协议
location / {
# 需要指向下面的 @router 否则会出现 Vue 的路由在 Nginx 中刷新出现 404
try_files $uri $uri/ @router;
index index.html index.htm;
}
# 对应上面的 @router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
# 因此需要 rewrite 到 index.html 中,然后交给路由在处理请求资源
location @router {
rewrite ^.*$ /index.html last;
}
# 代理
# location /api/ {
# proxy_pass http://10.0.90.164:8086/;
# }
}
vue 配置nginx
最新推荐文章于 2024-05-17 12:58:20 发布