这篇文章主要介绍“怎么将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项目部署到服务器”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注恰卡网网站,小编会继续努力为大家带来更多实用的文章!
本站部分文章来自网络或用户投稿,如无特殊说明或标注,均为本站原创发布。涉及资源下载的,本站旨在共享仅供大家学习与参考,如您想商用请获取官网版权,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。