vue node打包后导致Springboot无法使用前端window.open等跳转方法

springBoot+vue打jar包部署访问不到前端页面，只能调用后端接口

Vue 作为数据驱动的前端框架，目前比较流行，因此我们公司最新的项目开发都选择 “SpringBoot 后台 + Vue 前端” 这个技术组合。如果一开始就选择这个技术组合，完全没问题。 但是，如果前端技术最初是传统的 html ，加上 Vue 后，旧的 web.xml 配置的欢迎页面为 `../index.html` ，导致访问首页报错，本文来分析下这个问题。

当然不会，它那么多模块它怎么会知道访问哪个的static，这个时候我们就需要使用gateway的断言指定一个模块的static是作为静态文件夹。如果是vue打包文件，因为打包生成的是index.html,我们知道index文件是可以省略不写的，那么他的访问路径就是 http://localhost:8080。如下方结构：我们想访问a.txt文件，假设启动端口为8080，那么访问路径就是 http://localhost:8080/a.txt。我们只需要作为静态资源文件的模块，注意一定要是这个模块。

找了很多博客都没有解决，最后切换了个项目再切换回来，突然就可以访问了，于是将vue打包文件放进去后进行maven刷新，发现问题解决。 刷新后

Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署

然后在Electron 项目中执行npm run package，进行打包exe，打完包之后在根目录下的release的文件夹中有打包好的exe文件。修改生产环境配置，配置为后端得地址，http://127.0.0.1:8080/ 避免避免Electron打包exe后接口调用不通得问题。修改跳转到其他页面空白得问题，路由跳转得问题，把history修改成hash。打包后得路径修改成为./，避免Electron打包exe后显示空白。把vue项目打成dist的包，放到Electron项目的根目录下。

我的项目是部署在服务器的指定目录下，并且项目的路由模式是history模式，所以我需要在vue.config中配置publicpath和在路由中配置base,配置为相同的字符串，并告诉后端ng映射到我设置的这个字符串上.，此时访问地址可以显示项目页面,但是部分window.open()方法所跳转到的页面会报错404.（window.open方法没自动带上'/ABC/'，而是直接打开了'/xxxx/xxxx'，相当于直接访问根目录，因为我的资源放在'/ABC/目录下'，所以是访问不到的）

打包前在本地跑起来都没什么问题,但是打包之后dist扔到线上就访问不到,显示空白,有的css / js文件还显示404,访问不到. 首先,确认你的访问路径是对的 其次,将项目中config/index.js中 默认生成的assetsPublicPath只有/ , 前面加个 . 就好了 ...

Vue打包后通过springboot运行页面为空白页的解决方法 springboot加入dist无法正常显示效果的解决方法

常见的使用场景是在单页应用程序（SPA）中，将所有请求都指向主页（如 index.html），然后由前端路由进行处理。这个配置将 /redirect-me 路径的请求重定向到 http://example.com/new-location，并使用 permanent 参数表示永久重定向。你需要将 /path/to/your/static/files 替换为实际的静态文件路径。这个配置将把所有 /old-path/ 开头的请求重写到 /new-path/，并将原始路径中的内容保留。# 指定静态文件的根目录。

controller中返回字符串路径大小写的问题 文件名是小写，路径中是大写M，在本地运行没有问题也不会报错，用maven install打包也没问题，发布到线上就找不到路径， 改为 return "selfmedia/index" 就好了。 ...

解决bootstrap-vue中b-tab链接失效，window.open无法打开新页面的问题

第一次使用：@RestController时，一直返回字符串，未跳转至指定页面。 原因分析： @RestController注解由@Controller+@ResponseBody两个注解派生而来， @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Controller @ResponseB...

将vue项目通过electron打包成windows可执行程序

SpringBoot项目打包（windows版）