这篇文章主要介绍“怎么将VUE项目部署到服务器”，在日常操作中，相信很多人在怎么将VUE项目部署到服务器问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么将VUE项目部署到服务器”的疑惑有
这篇文章主要介绍“怎么将VUE项目部署到服务器”，在日常操作中，相信很多人在怎么将VUE项目部署到服务器问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么将VUE项目部署到服务器”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
一、idea中vue项目的打包
1、设置打包后项目的名称
publicPath:process.env.NODE_ENV === 'production' ? '/back/' :'/', outputDir:'back'
2、将项目打包
3、生成的包内的文件如下：
二、部署到服务器
1、找到Nginx的安装位置
2、 将打包后的vue项目文件放在html文件架下面
3、将打包后的文件夹上传至html文件夹
4、配置打开页面的路径
(1)找到Nginx,点击设置
（2）点击配置修改，添加如下内容，如果有两个项目就添加两个location
location /mail {
root mail;
index index.html index.htm;
}
location /back {
root back;
index index.html index.htm;
}三、用IP地址访问
ip+项目名
例如：http://123.123.123.123/back
到此，关于“怎么将VUE项目部署到服务器”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注恰卡网网站，小编会继续努力为大家带来更多实用的文章！
本站部分文章来自网络或用户投稿，如无特殊说明或标注，均为本站原创发布。涉及资源下载的，本站旨在共享仅供大家学习与参考，如您想商用请获取官网版权，如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。