VueThink项目在Linux下的部署
之前做的一个VueThink项目,现在把他部署到linux下,由于是第一次部署前后端分离项目,并不是很熟练。在朋友的全力帮助下,终于解决了问题,现在把大致内容记录下来。
·
之前做的一个VueThink项目,现在把他部署到linux下,由于是第一次部署前后端分离项目,并不是很熟练。在朋友的全力帮助下,利用nginx反转代理,终于解决了问题,现在把大致内容记录下来。
这是目录结构
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代码了。
当然也有一些细节:数据库的地址和密码,打包时候的静态资源加载问题,需要多注意。
更多推荐
已为社区贡献2条内容
所有评论(0)