Nginx前端部署配置

Nginx部署（针对vue项目）

• 运行打包命令生成 dist 文件：npm run dev
• 打开 nginx.conf文件，配置对应的信息

# nginx.conf

location / {
  root  C:\Users\Desktop\project\dist;
  index index.html index.htm;
  try_files $url $url/ @router; # 解决页面刷新404问题
}

location @router {
  rewrite ^.*$ /index.html last; # Vue项目路由不是真实存在的
}

• 检查配置文件是否配置成功

  nginx -t -c D:\nginx-1.16.1\conf\nginx.conf

  # 启动nginx
  start nginx