server{
listen 80;
server_name test.com;
root /www/wwwroot/test.com;#注意下这里,这是指的后端的目录
# 请注意这里的 ~
# 如果将 ~ 其实也是可以的,但是如果后面再去写一些规则
# 比如对 *.js *.css 等文件做了一些缓存的匹配操作
# 那么这里的规则就会失效,有可能造成 404 的错误
location ~ /app
{
# 前端目录,与后端不一样哦
# 所以才使用的 alias
# 如果目录是相同的,那么可以不需要这一行
alias /www/wwwroot/vue-output;
index index.html;# 设置首页文件的文件名
# 重点是这里,如果用户访问 http://域名/app/dashboard 页面
# 那么会经过 $uri、$uri/ 规则去寻找,如果都没有找到这个 文件/文件夹
# 就输出 /app/index.html 的内容,注意这里的 /app
# 指的就是这条规则的第 10 行内容,并不是文件的绝对路径哦
try_files $uri $uri/ /app/index.html;
# 如果是 html 文件的话,就设置为不缓存,因为更新的话主要是更新这个
# js css 那些每次打包后都会根据文件 hash 命名
if ($request_filename ~* ^.*?.(html|htm)$) {
add_header Cache-Control 'private, no-store, max-age=0';
}
}
#..........................
#后端相关的配置,就不做展示了
#..........................
}