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