关于使用vue搭建前后端分离的项目,部署过程遇到的问题

Posted vv-lilu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于使用vue搭建前后端分离的项目,部署过程遇到的问题相关的知识,希望对你有一定的参考价值。

1.首先应该有三个端口号:app前端、网页前端、后台接口  后台接口有很多,但是会映射到zuul上,保证他的端口号是对外开放的,其他不被占用就行

 

2.pc前端访问后台路径

技术图片

他的baseUrl是每一次请求的基础路径,需要写服务器后台对外开放的ip和端口号,tomcat部署前端服务也得需要另一个端口号

3.然后发现他的静态资源都访问不到,可以看我的另一篇博客  https://www.cnblogs.com/vv-lilu/p/11106894.html

4.使用vue-lic3搭建的手机端框架,静态资源丢失:https://blog.csdn.net/qq_38623459/article/details/94172776,搞定之后发现另一个问题,一片空白页:https://blog.csdn.net/xjlinme/article/details/74783887

5.app请求后端

技术图片

 

 这里和pc一样,需要服务器对外的IP和端口

 

以上是关于关于使用vue搭建前后端分离的项目,部署过程遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章

从零开始搭建django前后端分离项目 系列一(技术选型)

Linux部署前后端分离项目(SpringBoot+Vue)Nginx部署

vue+gin前后端分离

Linux部署前后端分离项目(SpringBoot+Vue)Nginx部署

前后端分离项目部署到Linux虚拟机

spring boot+vue前后端项目的分离(我的第一个前后端分离项目)