时间:2021-05-18
一、业务描述:
最近在做一个电商的项目,里面有平台端和商家端以及用户端,那么这么多Vue项目如何部署到服务器呢?
二、部署
(1)首先在本地测试项目可以启动并且能正常运行。
(2)在项目中输入npm run build
此时会生成一个文件
(3)在服务器上安装Nginx,并将admin-web上传到服务器。
我上传的位置:
(4)修改Nginx文件,找到nginx.conf
三、如果此时有多个vue项目呢?
多加几个location即可
四、最后记得保存
:wq五、重新启动Nginx
systemctl restart nginx六:Nginx.conf的内容
server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location / { root html/dist/; index index.html index.htm; try_files $uri $uri/ @router; index index.html; } #对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件 location @router { # #因此需要rewrite到index.html中,然后交给路由再处理请求资源 rewrite ^.*$ /index.html last; } location /admin { alias /usr/local/nginx/admin/dist; index index.html index.htm; try_files $uri $uri/ @router; index index.html; } #对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的 location @router { # #因此需要rewrite到index.html中,然后交给路由再处理请求资源 try_files $uri $uri/ @router; index index.html; } #对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体>的文件 location @router { # #因此需要rewrite到index.html中,然后交给路由再处理请求资源 rewrite ^.*$ /index.html last; }总结
到此这篇关于多个Vue项目部署到服务器的文章就介绍到这了,更多相关多个Vue项目部署到服务器内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
记录web项目部署到阿里云服务器步骤(使用web项目、阿里云服务器、Xftp、Xshell),敬请参考和指正1.将要部署的项目打包成WAR文件格式,可以在MyE
参考文章:maventomcatplugin实现热部署:实现maven项目部署到服务器分为如下几个步骤:tomcat的tomcat-users.xml中添加用户
JavaWeb项目部署到服务器详细步骤本地准备在eclipse中将项目打成war文件:鼠标右键要部署到服务器上的项目导出项目数据库文件MySql导出数据库文件方
今天要用到服务器nginx,还需要把自己的vue的项目部署到服务器上去所以就写一下记录下来。首先要去nginx官网下下载nginx:下载地址:https://n
最近第一次使用vue-cli构建项目,第一次打包部署到服务器上的时候出现图片加载不出来,结合网上的方法,终于给摸索出来。将项目部署到服务器上分为两种:一种是直接