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