tycoding / tumo-vue

Tumo Blog For Vue.js. 前后端分离

Tumo Blog

Tumo Blog 是一个简洁美观的博客系统，基于SpringBoot2.X + Vue.js。

Tumo 是一款基于SpringBoot2.x构建的博客系统。Tumo 系统具有简洁、规范的代码设计，借助Vue.js、Thymeleaf构建传统单体架构项目；与此同时，Tumo-Vue 前后端分离架构的系统也应运而生。两款项目采用相同的后端逻辑实现，区别在于前者采用了单体架构，而后者使用Vue2.x实现前后端分离架构。两者的结合更好的帮助开发者熟悉SpringBoot框架快速开发并学习项目如何从单体架构过度到前后端分离架构。

• 在线预览：http://tumo.tycoding.cn/
• 后台地址：http://tumo.tycoding.cn/login
• 开发文档：http://docs.tumo.tycoding.cn/#/

单体版本

本前后端分离版本和单体版本采用了相同的后端逻辑实现，是你从单体架构过度到前后端分离架构的最佳实践。

项目源码：https://github.com/TyCoding/tumo 希望大家star、fork支持。

技术选型

Name	Version	Env	Version
SpringBoot	2.3.1.RELEASE	JDK	1.8
Mybatis	2.1.3	MySQL	5.7
Spring-Shiro	1.5.2	IDEA	2020.1

文档

如果有需要提供该项目技术支持的小伙伴加QQ：2783903379 进该项目的交流群（不免费，门槛：10元）。

手摸手教你SpringBoot项目实战。

项目开发、使用文档请移步：http://docs.tumo.tycoding.cn

文档将在我的公众号 程序员涂陌 第一时间发布，请持续关注！

程序员涂陌

请喝果汁

Alipay	WechatPay

预览

交流

QQGroup：671017003

WeChatGroup: 关注公众号查看

联系我

• Blog@TyCoding's blog

• GitHub@TyCoding

tumo-vue's Issues

nginx 部署时 前端报错

nginx部署好后
本地访问报
Uncaught TypeError: i is undefined
b240 headroom.min.js:11
b240 headroom.min.js:8
b240 app.2da3d9c0.js:6
h (index):1
a18c app.2da3d9c0.js:1
h (index):1
4360 app.2da3d9c0.js:1
h (index):1
56d7 app.2da3d9c0.js:1
h (index):1
0 app.2da3d9c0.js:1
h (index):1
n (index):1
c (index):1
app.2da3d9c0.js:1
其他服务器访问报
headroom.min.js:11 Uncaught TypeError: Cannot set property 'Headroom' of undefined
at headroom.min.js:11
at Object. (headroom.min.js:8)
at Object.b240 (app.2da3d9c0.js:6)
at h (admin:1)
at Object.a18c (app.2da3d9c0.js:1)
at h (admin:1)
at Object.4360 (app.2da3d9c0.js:1)
at h (admin:1)
at Module.56d7 (app.2da3d9c0.js:1)

我把前端Proxy放开后，登录后台还是提示跨域？

把前端Proxy全局跨域打开后，登录后台的/login网页，点击登录提示连接异常，请稍后再试。
网页其他部分都是正常的

文档无法访问

http://docs.tumo.tycoding.cn/

前端展示报错，找不到文章

我按照楼主的步骤，在本地启动 后端及 前端

1. 本机部署及启动后端工程，浏览器访问 http://localhost:8080/tumo 成功；

2. 本机部署前端，http://localhost:9528/ 可以打开，但是访问 文章列表失败；
   经过排查，发现问题是跨域访问导致，在vue.config.js 的跨域配置少了部分内容：

   proxy: {
   '/api': {
   target: 'http://localhost:8080/',
   ws: true,

    //少了下面部分，导致加了/api 后，无法找到对应的后台接口
    changeOrigin: true,
    pathRewrite: {
     // ^代表字符串开头,实际发送请求时,会把请求开头的/demo删除
     // 因为/demo并不是请求的一部分,只是个代理的标识
        "^/api": ""
    }
   

   }
   }