vue项目署多个服务器,多个Vue项目部署到服务器的步骤记录.pdf

多多个个V ue项项目目部部署署到到服服务务器器的的步步骤骤记记录录

一一、、业业务务描描述述：：

最近在做一个电商的项目，里面有 台端和商家端以及用户端，那么这么多V ue项目如何部署到服务器呢？

二、部署

(1)首先在本地测试项目可以启动并且能正常运行。

(2 )在项目中输入 npm run build

此时会生成一个文件

(3 )在服务器上安装Nginx ，并将admin-web上传到服务器。

我上传的位置：

(4 )修改Nginx文件，找到nginx .conf

三三、、如如果果此此时时有有多多个个vue项项目目呢呢？？

多加几个location即可

四、最后记得保存

1 :wq

五、重新启动Nginx

1 systemctl restart nginx

六：Nginx .conf 的内容

1 ser er {

2 listen 80;

3 ser er_name localhost;

4

5 #charset koi8-r;

6

7 #access_log logs/host.access.log main;

8

9 location / {

10 root html/dist/;

11 index index.html index.htm;

12 try_files $uri $uri/ @router;

13 index index.html;

14 }

15 #对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件

16 location @router {

17 # #因此需要rewrite到index.html中，然后交给路由再处理请求资源

18 rewrite ^.*$ /index.html last;

19 }

20

21 location /admin {

22 alias /usr/local/nginx/admin/dist;

23 index index.html index.htm;

24 try_files $uri $uri/ @router;

25 index index.html;

26 }

27

28 #对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的

29 location @router {

30 # #因此需要rewrite到index.html中，然后交给路由再处理请求资源

31 try_files $uri $uri/ @router;

32 index index.html;

33 }

34

35 #对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体>的文件

36 location @router {

37 # #因此需要rewrite到index.html中，然后交给路由再处理请求资源

38 rewrite ^.*$ /index.html last;

39 }

总总结结

到此这篇关于多个V ue项目部署到服务器的文章就介绍到这了,更多相关多个V ue项目部署到服务器内容请搜索以前的文章或继续

浏览下面的相关文章希望大家以后多多支持！