关于webpackage打包过后文件会出现奇怪访问问题

我们先看一下我们打包放在在服务器上的文件会有什么问题

关于webpackage打包过后文件会出现奇怪访问问题

相信有些人一下就发现了问题,为什么又404而且还出现了好几次,又有正常访问请求,对比一下正确的和错误的两次请求路径。

错误的:

关于webpackage打包过后文件会出现奇怪访问问题

正确的:

关于webpackage打包过后文件会出现奇怪访问问题

经过对比正常的资源也请求到了,也就是说错误的请求其实无关紧要,但是解决问题还是要解决根源才行。

于是通过查找发现打包后的index.html文件是这样的:

关于webpackage打包过后文件会出现奇怪访问问题

发现居然被注入到了index.html文件,然后看了下config/index.js文件,发现正确的请求来自于config/index.js的文件,而错误的请求来自于index.html文件

那么什么地方注入了这些文件

通过追溯,发现了这个锅需要webpackage背住,那么是因为什么问题呢?

在build/webpack.prod.conf.js文件下,查到了这样一个插件HtmlWebpackPlugin

关于webpackage打包过后文件会出现奇怪访问问题

引发了这个问题ide就是这个inject属性,因为标记为true了,所以才导致了那个请求错误的问题,然后我把这个改为false后,重新打包上传。

关于webpackage打包过后文件会出现奇怪访问问题

完美解决。

————————————————————————————————

老规矩写的不清晰的地方,可以指出,我会不定时更新和修改。一起加油.

所有的伟大,都来自于一个勇敢的开始。