linux下Nginx中部署vue静态文件 防止出现404

头像
码农笔录
2019-05-06阅读 959

vue用脚手架搭建的话,build好是一些静态文件,如何部署到nginx中,下面的配置就是案例,结合自己的环境修改

server {
listen 80;
server_name aiprose.com; #你的域名
include /etc/nginx/default.d/*.conf;
index index.html index.htm index.php;
root /root/adminpage; #你的静态文件位置
location / {
try_files $uri $uri/ @router; #防止404
index index.html;
}
location @router {
rewrite ^.*$ /index.html last;
}
}