解决Vue项⽬打包后打开index.html页⾯显⽰空⽩以及图⽚路径错误的问题 Vue项⽬运⾏npm run build后会⽣成⼀个dist⽂件夹，我们⼀般都是把这个⽂件夹部署到服务器上。dist⽂件夹⾥边有⼀个static⽂件和⼀个index.html页⾯，这个index就是最后单页⾯的最终⽂件。问题⼀：我在...
在config/index.js中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到。 解决办法:改为‘./’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行查找。 build: { ... assetsPublicPath:'./',...
在config/index.js中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到。 解决办法:改为‘./’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行查找。 build: { ... assetsPublicPath:'./',...
Vue项目运行npm run build后会生成一个dist文件夹,我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面,这个index就是最后单页面的最终文件。 问题一:我在打包完成后,打开index.html文件发现地址并没有携带路由。这样的话页面就是空白了,因为没有组件被添加到页面中。打开...
问题一:我在打包完成后,打开index.html文件发现地址并没有携带路由。 这样的话页面就是空白了,因为没有组件被添加到页面中。打开F12会看到一堆的红色failed请求。打开请求地址是这样的。 进入D盘就开始寻找static文件夹当然是找不到的。既然知道了是打包之后寻找文件的地址错误,就去config文件夹下的index.js中寻找问...
Vue项目部署在Spring Boot出现页面空白问题的解决方案 网上流行的解决方案是将assetsPublicPath: ‘/’改成’./’,下面说一下这个解决方案的弊端: 通常页面空白的问题出现大多数是由于Spring Boot端配置了server.servlet.context-path,上下文改变了css, js等文件的访问路径,文件无法加载导致index.html显示空白。’/’改...