在服务器上使用Nginx部署Vue项目

2021-06-11  本文已影响0人  饼饼phoebe

一、购买服务器

二、在服务器安装 Nginx

window下的安装及使用:https://www.cnblogs.com/jiangwangxiang/p/8481661.html
mac系统下的安装:https://www.jianshu.com/p/fae1c72e2b6e

三、打包项目

在项目的根目录下执行npm run build将项目打包成 dist 目录。

四、Nginx 部署项目

将打包后的 dist 目录下的文件复制到 nginx 文件夹的 html 目录下。

此处为是服务器为 window 系统下的演示:

  1. "开始" -- "运行" -- 输入"mstsc"
  2. 输入服务器的 ip 地址,即可连接到远程桌面
  3. 复制本地文件到远程桌面
  4. 重新运行 nginx nginx -s reload
上一篇下一篇

猜你喜欢

热点阅读