springboot+vue项目在阿里云部署

将前后端分离项目部署到服务器流程:

后端: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; }

经验分享 程序员 微信小程序 职场和发展