美文网首页
在服务器上使用Nginx部署Vue项目

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

作者: 饼饼phoebe | 来源:发表于2021-06-11 20:27 被阅读0次

一、购买服务器

二、在服务器安装 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

相关文章

网友评论

      本文标题:在服务器上使用Nginx部署Vue项目

      本文链接:https://www.haomeiwen.com/subject/ltiveltx.html