springboot+vue前后端分离项目部署到阿里云上

一.后端spring boot项目打jar包

可以直接双击package,也可以运行 mvn package,前提是在pom.xml中要导入图片中的依赖

二. 前端vue项目打包

npm run build

三.windows下nginx的配置

• 1. 下载nginx
     http://nginx.org/en/download.html
     

• 2.下载后解压文件，进入根目录，执行cmd命令，不要直接双击exe文件

  
  
• 3. 进入cmd后启动nginx
     start nginx
     
• 4.执行命令后会闪一下，这很正常，然后查看任务进程是否存在
  tasklist /fi "imagename eq nginx.exe"
  
  
  

• 5.修改配置文件

  
  

  • 在conf目录下找到nginx.conf使用txt文本打开即可，找到server这个节点，修改端口号

    
    
  • 默认是80被占用， 我修改为8899

  • 如果有报错信息有可能是端口号被占用，或者路径有中文，可以去logs-errors里看一眼

    
    
• 6. 修改完端口号后用检查命令检查一下,显示ok
     nginx -t -c /nginx/nginx-1.18.0/conf/nginx.conf
     
• 7. 重新加载配置信息
     nginx -s reload
• 8.打开浏览器访问你刚才修改的端口号
  http://localhost:8899
  
• 9.关闭nginx 同样也是一闪而过
  • 快速关闭
    nginx -s stop
  • 完整有序关闭
    nginx -s quit
• 10.参考文档
  https://www.cnblogs.com/taiyonghai/p/9402734.html

四、将vue打包好的dist文件放入nginx中，然后修改配置文件

五、将spring boot 打好的jar包放入阿里云中，然后在该目录上执行cmd命令

java -jar jar包名.jar

六、前后端及数据库修改过的地方

• 1.前端：只修改config-prod.even.js里面的BASE_API

  
  

• 2.后端：只修改resources下的yml文件

  
  
• 3.数据库

打开数据库：
1.首先按下win+R打开运行，输入services.msc命令
2.然后在服务中找到MYSQL，右键单击选择启动
3.接着在运行中输入cmd命令
4.接下来输入mysql -uroot -p命令，输入密码就进入mysql了

使用阿里云ip作为数据库的主机（默认是localhost）;用navicat连接数据库报错：1130-host ... is not allowed to connect to this MySql server:
1.连接服务器: mysql -u root -p
2.看当前所有数据库：show databases;
3.进入mysql数据库：use mysql;
4.查看mysql数据库中所有的表：show tables;
5.查看user表中的数据：select Host, User from user;
6.修改user表中的Host:update user set Host='%' where User='root';
7.最后刷新一下：flush privileges;