关于vue项目中history模式下静态资源路径错误的问题和assetsPublicPath的相关配置

背景

在做QQ第三方登陆时,一直报错回调域错误，貌似是回调域里不能有"#"字符，所以决定使用history的路由模式，后台node通过connect-history-api-fallback插件配置.

问题

配置完成之后发现，访问页面根目录的时候一切正常，但是QQ第三方登陆成功跳回回调域路由的时候，即lppwork.cn/memo/qqlogin?code=****的时候，页面空白只显示了返回的数据，控制台报错资源请求错误.

解决

其实是因为静态资源路径指向错误，在使用history路由模式的时候,需要把，config>index.js 下，把build的assetsPublicPath:'./',改成assetsPublicPath:'/';

我的原因

因为一般vue脚手架的默认路由配置时hash模式，为了解决直接打开打包文件页面空白的问题，会在config>index.js 下，把build的assetsPublicPath:'/',改成assetsPublicPath:'./';
但变成history路由模式时，就要改回来

分析

首先概念:

1. assetsPublicPath指静态资源的引用路径，默认配置为 /，即网站