天天看点

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;

    }        

继续阅读