【博客搭建】1、拾壹博客本地启动遇到的问题和需要注意的坑

末蓝、 2024-02-23 03:06 4阅读 0赞

一、后端（blog）启动

1、修改application.yml中的数据库链接与密码，Redis账号密码，即可启动成功；

![0826affcc0fe44c49195a2577b55fe0d.png][]

2、运行之前先导入sql；

![1d80fec88bf440b98e49aff83437fc96.png][]

![8abc52ccee09432a928f002de9e3a4b1.png][]

3、 如需上传文件保存至本地（例如相册的照片），需执行以下操作：  
3.1 启动项目后第一时间把 “系统配置”–》“系统配置” 中的文件保存先切换至本地保存

3.2 “系统配置”–》“本地文件存储” 中的本地文件域名修改为 http://localhost:8800/jpg/ (项目路径/jpg ，这个jpg对应下面新增JpgPathConfig.java文件中配置的虚拟路径)  
3.3 application.yml中把 upload-folder上传照片的路径修改成本地实际上传路径：

![f595eb27e21245838cc5dc87862270dc.png][]

4、页面只需要在img标签中使用/img/xxx.jpg即可直接访问图片（注意拦截器中是拦截访问/img/\*\*路径下才会被转到图片的实际路径中）![5fcfe79c4c2b41de934e5ee364a5fe18.png][]

二、前端前台（blog-web）启动

shiyi-blog-master\\blog-web（前台的前端）根目录下打开cmd ，运行

npm install --registry=https://registry.npmmirror.com ，依赖安装完毕，使用npm run serve 启动测试环境，如果有以下报错信息：

> This may cause things to work incorrectly. Make sure to use the same version for both.  
> If you are using vue-loader@>=10.0, simply update vue-template-compiler.  
> If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

执行npm i vue-template-compiler@2.7.14 --save ，2.7.14对应的是当前试用的vue的版本，意思是把某个依赖的版本升级到vue2.7.14对应的版本，再次启动项目，如果还是报错，那么就直接执行npm audit fix --registry=https://registry.npmmirror.com 来修复各依赖的版本，使其对应vue2.7.14的版本修复完毕再次启动项目

然后启动（npm run serve）成功，访问：[http://localhost:80/][http_localhost_80]就好了

![383caa19d2fa42be9ec38fda1fa39f6d.png][]

三. 前端后台（blog-admin）启动

执行npm install --registry=[https://registry.npmmirror.com][https_registry.npmmirror.com]

注意启动方法是**npm run dev**,而不是前台的npm run serve否则无法启动成功。

![ed5de5d3e407429a95dcc21f0c484b83.png][]

> npm notice  
> npm notice New major version of npm available! 8.19.2 -> 9.6.2  
> npm notice Changelog: https://github.com/npm/cli/releases/tag/v9.6.2  
> npm notice Run npm install -g npm@9.6.2 to update!  
> npm notice

###### 那就升级npm ######

###### npm install -g [npm@9.6.2][npm_9.6.2] \------升级后就ok了 ######

[0826affcc0fe44c49195a2577b55fe0d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/38b38573a3e74b80aeb0e736c2038b32.png
[1d80fec88bf440b98e49aff83437fc96.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/27da44ef3f5c40c3acdeeb51443f9fec.png
[8abc52ccee09432a928f002de9e3a4b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/19c7619af42141d790a9b6f645b03f27.png
[f595eb27e21245838cc5dc87862270dc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/9e0664a784fd434183b985e191a1aa06.png
[5fcfe79c4c2b41de934e5ee364a5fe18.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/b51dd80a49214f9fa61fae4e22e678ca.png
[http_localhost_80]: http://localhost/
[383caa19d2fa42be9ec38fda1fa39f6d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/b7f8b00ef241451ca96a8725df30a63c.png
[https_registry.npmmirror.com]: https://registry.npmmirror.com/
[ed5de5d3e407429a95dcc21f0c484b83.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/23/afe62f8d16624d6c9e17c00f5a44d98f.png
[npm_9.6.2]: mailto:npm@9.6.2