栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

Windows 使用 Nginx 部署 vue 项目

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Windows 使用 Nginx 部署 vue 项目

1.安装Nginx 并将项目打包

    安装教程  Windows 安装 Nginx

    打包步骤 

        通过命令行工具,或者编译器都可以

        进入项目路径中,使用命令打包

npm run build

        打包后会在项目文件夹中出现一个名为 dist 的文件夹,表示打包成功

2.将打包好的vue项目,也就是 dist 文件夹内的内容 粘贴到 nginx 文件夹下的 html 文件夹内

3.修改 nginx conf 文件夹 中的 nginx.conf

 将 root 修改为 html 的路径

4.启动访问即可完成

   启动 nginx 命令,需要进到 nginx 的目录中

start nginx

  或者双击 nginx.exe

  查询 nginx 服务器是否启动成功

tasklist /fi "imagename eq nginx.exe"

  关闭所有 nginx 服务器

taskkill /f /t /im nginx.exe
5.解决路由中使用 history 导致 404 的问题,将以下代码放到 location 中 index 下面即可,如若使用的是 hash 那么请忽略本步骤
#解决404
try_files $uri $uri/ /index.html;

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/868083.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号