之前做的一个VueThink项目,现在把他部署到linux下,由于是第一次部署前后端分离项目,并不是很熟练。在朋友的全力帮助下,利用nginx反转代理,终于解决了问题,现在把大致内容记录下来。
这是目录结构dsdasd

1.部署的准备

这次用的是linux云服务器(腾讯云),前端用的是ngix服务器,可以自行安装nginx,然后更改其端口为82(apache为80).
下面是配置文件,设置了后台路由地址等信息:
在这里插入图片描述
下面是php后台程序,放在apache服务器中。
在这里插入图片描述
如果这样直接打包,会报错,原因是跨域了,一个80端口一个82端口。
因此还需要更改下配置。

2.更改vue的配置。

在window下和Linux的配置是不同的。
朋友帮我设置了两个URL定义,没有用上,但是还是有用的。
在这里插入图片描述
在这里插入图片描述
主要的修改在main.js中,利用nginx反转代理,解决跨域问题。
在这里插入图片描述


npm run build完后,上传到nginx服务器的html下:

在这里插入图片描述
这样就能正常访问后端php代码了。
当然也有一些细节:数据库的地址和密码,打包时候的静态资源加载问题,需要多注意。

Logo

前往低代码交流专区

更多推荐