ginx部署VuePress生成的静态博客

编译打包

  1. npm docs:build

打包成功

nginx配置

  1. location / {
  2. root html/dist; # 项目根目录路径
  3. index index.html index.htm; #指定web应用的入口文件
  4. try_files $uri $uri/ /index.html;
  5. }

try_files

关键点1:按指定的file顺序查找存在的文件,并使用第一个找到的文件进行请求处理
关键点2:查找路径是按照给定的root或alias为根路径来查找的
关键点3:如果给出的file都没有匹配到,则重新请求最后一个参数给定的uri,就是新的location匹配
关键点4:如果是格式2,如果最后一个参数是 = 404 ,若给出的file都没有匹配到,则最后返回404的响应码

启动Nginx

成功部署在Nginx服务器下啦>_<