使⽤宝塔部署vue+node的项⽬
1. 先讲讲后端部署的⽅法吧
我是⽤pm2来部署node项⽬,数据库的配置如下:
这⾥数据库的ip地址改成0.0.0.0
⽤户名就填你⾃⼰的数据库登录时的⽤户名,有些⼈的是root
密码就填数据库登陆时的密码
最后⼀个database就填你数据库的名称
这⾥我后端⽤的是express框架,这⾥的监听的ip地址是0.0.0.0,端⼝号根据你的项⽬的实际端⼝号来填把这些东西修改好了之后就可以了,然后⽤宝塔的pm2部署⼀下,很简单,这⾥我就不赘述了
nginx部署前端项目2. 这⾥讲⼀下怎么部署前端,这⼀部分内容需要和下⾯nginx配置代理相关联
**前端这⾥我在每个请求的前⾯都加上了⼀个/api,**如下
const res =await axios.post("/api/article/comment",
这⾥的/api和待会nginx配置代理有关联
前⾯的地址就填你的域名,或者你的服务器的ip地址
3. 接下来配置⼀个nginx代理,
宝塔进去⽹站的设置⾥,到配置⽂件,这⾥的端⼝号很关键,
我们这⾥先到80端⼝的那个server
在下⾯加上这么⼀段
location /{
index index.php index.html index.htm default.php default.htm default.html;
root /www//dist;
try_files $uri $uri/ @rewrites;
}
location @rewrites
{
rewrite ^(.+)$ /index.html last;
}
当你的项⽬⽤了history模式的时候,刷新会出现404的情况,这段配置⽤来防⽌使⽤history模式刷新出现404的情况,⼀定要在80端⼝的那个server⾥加。
因为我们前⾯请求的是
const res = await axios.post(“/api/article/comment”,
是80端⼝,所以这⾥到80端⼝的那个server,这⾥因为我们前⾯的请求的地址⾥的前⾯都加上了/api
所以这⾥我们对带有/api的请求进⾏代理,如下,这⾥的端⼝号是你后端监听的端⼝号,
location /api/{
proxy_pass :8000/;
}
这个东西也是我摸索了好⼏天才摸索出来,希望能帮助到你们
到这⾥就完成了部署了,如果你有什么问题,可以评论,也可以加qq1614674987咨询

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。