这里写自定义目录标题
- 通过Nginx部署Vue项目，windows版
- 打包生成dist目录
- 部署环境
- 启动Nginx，访问端口
- Linux版参考如下链接
通过Nginx部署Vue项目，windows版
首先，确保nodejs环境变量没有问题：
- nodejs下载地址
- 环境变量配置
打包生成dist目录
- 进入项目目录，windows可直接在项目目录下操作（即省去此步骤）
复制代码
1
2cd vue-element-admin
- 安装依赖
复制代码
1
2npm install
- 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
复制代码
1
2npm install --registry=https://registry.npm.taobao.org
- 打包，生成
dist目录
复制代码
1
2npm run build:prod
- 目录结构如下：
- 将打包文件复制到Nginx的html目录下
部署环境
下载好Nginx后，配置config文件即可，如下：
启动Nginx，访问端口
Linux版参考如下链接
- nginx在linux上部署项目
最后
以上就是传统小鸽子最近收集整理的关于如何通过Nginx部署前端项目？通过Nginx部署Vue项目，windows版的全部内容，更多相关如何通过Nginx部署前端项目？通过Nginx部署Vue项目内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复