将前后端分离项目部署到服务器流程:
后端:springboot+mybatisPlus+Redis
注意数据库ip地址和数据库名称,redis地址
就可以打包了;
前端:Vue+axios
注意路由和axios配置;
在 axios.js文件下 axios.defaults.baseURL = " " 这里是后端地址和端口,就可以打包了
服务器通过宝塔部署,操作方便,简化linux操作。
一个全新的linux服务器:
1. 首先需要安装java开发环境,手动安装jar包,并且配置环境变量。
2. 通过宝塔配置开发环境,首先需要手动在linux下载宝塔,下载之后获得登录网址和登录账号密码。
3. 通过宝塔下载必须软件Redis、Mysql、Nginx。可以选择下载PHP、phpMyAdim管理数据库(比较方便,修改数据库权限等操作)。
4. 要在宝塔开启对应的端口,80,3306,redis 6379;如果服务器在阿里云,则要在安全组开启有关端口。
4. 配置Redis、Mysql、Nginx:
Redis:bind允许访问的ip,0.0.0.0默认所有IP可以访问;
Mysql:下载好的数据库默认有root超级用户,默认密码。可以选择新建数据库。
Nginx: 前后端分离项目nginx必须配置好。通过宝塔下载的nginx的主配置文件在 /www/server/nginx/conf/nginx.conf目录下,但是我们只需要在/www/server/panel/vhost/nginx目录下添加辅助配置文件a.conf就好。
a.conf内容如下:最重要的是有备注的6部分
server
{
listen 80; // 默认nginx监听80端口
server_name x.x.x.x.; // 你服务器的ip
location / {
root /usr/java/vueblog/dist; // 你的vue打包好的dist路径,给其root权限
try_files $uri $uri/ /index.html; // 也要配置
index index.html; // 也要配置
}
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 30d;
}
location ~ .*\.(js|css)?$
{
expires 12h;
root /usr/java/vueblog/dist; // 允许js,css等文件通过
}
location ~ /\.
{
deny all;
}
access_log /www/wwwlogs/access.log;
}