美文网首页
在服务器上使用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