Vue Nginx部署

在服务器上部署vue项目 并使用

前提：保证服务器已安装Node.js Nginx

// 查找Nginx目录
$ whereis nginx
// 进入nginx目录
$ cd /usr/local/nginx
// 进入conf/vhost目录（存在的话，若不存在直接在conf目录下的nginx.conf修改即可）
$ cd conf/vhost
// vhonst下新建vue_web.conf（名称自定义）
$ mv vue_web.conf
// 添加以下代码
server {
  // 监听端口号
  listen 9070;
  server_name vue_web;
  location / {
    // root 后填写vue打包后dist路径
    root /home/ABC/vue_web;
    // 首页地址
    index index.html;
  }
}
// 重启nginx配置
$ /usr/local/nginx/sbin/nginx -s reload

别忘记上传打包后dist至服务器，并记录其路径填写至nginx文件中

若遇到部署后刷新页面出现404，可参考以下文章解决。

Vue Nginx部署刷新404