博客部署成功了!!!

这是我的新博客！！！

经历了将近一天的时间，我终于成功部署了博客项目！！！
在这里我分享一下我是怎么部署成功的！！！

1、下载项目：

https://gitee.com/javadog-net/blog-boot

https://gitee.com/javadog-net/blog-web

2、本地运行项目测试以及安装Linux环境：

（1）、参考博客：

linux部署SpringCloud微服务，宝塔部署_微服务项目可以使用宝塔部署吗-CSDN博客

利用宝塔面板部署springboot项目_工地精神的博客-CSDN博客

宝塔安装JDK并配置环境变量 - 简书 (jianshu.com)

linux 单例模式启动nacos - CSDN文库

nginx windows安装、使用和配置开机启动_nginx启动windows-CSDN博客

如何解决windos系统关闭nginx进程之后仍然可以访问？

（2）、运行SpringBoot项目：

java -jar blog.jar

（3）、开放端口：

8400 -- 后端端口
8081 -- 前端端口

注意：记得宝塔 防火墙 以及服务器 安全组

（4）、前端配置：

.env.dev

NODE_ENV = 'development'
VUE_APP_BASE_URL = '/dev'

.env.prod

NODE_ENV = 'prod'
VUE_APP_BASE_URL = '/pro'

vue.config.js

module.exports = {
    devServer: {
        port: 8081,
        proxy: {
            '/dev': {
                target: 'http://****.****.****.****:8400/blog/v1', // 对应自己的接口
                changeOrigin: true,
                ws: false,
                pathRewrite: {
                    '^/dev': '',
                },
            },
        },
    },
    publicPath: './',
	lintOnSave: false
}

nginx

        location /pro/ {
            if ($request_method = 'OPTIONS') {
                add_header 'Access-Control-Allow-Origin' '*';
                add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
                add_header 'Access-Control-Allow-Headers' 'X-Requested-With';
                add_header 'Access-Control-Max-Age' 86400;
                return 204;
            }
            rewrite ^/pro/(.*)$ /blog/v1/$1 break;
            proxy_pass http://****.****.****.****:8400/;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Headers' 'X-Requested-With';
        }

3、上传后端SpringBoot jar包，然后运行项目：

4、将打包之后的dist文件夹压缩包上传，选择php服务，然后同样配置nginx环境

5、然后将ssl的证书复制过来！！！

6、总结：

（1）、在没有使用https的时候，edge会有接口访问不到，具体是减少了一个/pro

（2）、宝塔出了bug，显示出来的是之前部署过的项目，可以尝试重载一下nginx！！

（3）、出了bug，最好的方法是重装系统!!!
7、不足：
（1）、因为Linux访问文件地址是不对外开放的，所以不能通过保存图片到Linux地址，这样获取图片地址的时候会显示undefined/attach/....jpg, 这个问题暂时要解决！！！