Vue项目打包部署到线上后请求的.css/.js文件content-type变成了text/html

weixin_38053743 2019-05-27 09:26:56

如题. 出现这种情况是什么原因造成的.

3.png624×529 25.3 KB

...全文

5854 9 打赏收藏转发到动态举报

写回复

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

WEI_0613 2022-01-10

打赏
举报

回复

WEI_0613 2022-01-10

打赏
举报

回复

问题原因是打包的时候资源路径引用有问题
解决办法是配置vue.config.js publicPath 开始的配置是'./'，资源路径是相对路径，现在改成了'/'，资源路径就是绝对路径

cccccee 2021-04-30

打赏
举报

回复

遇到同样问题了，求教？？？

qq_44599781 2021-04-25

打赏
举报

回复

请问是否有具体原因，以及解决方案？

yjm423 2021-08-10

举报

回复

@qq_44599781 请问这个问题解决了吗

better++ 2021-03-24

打赏
举报

回复

请教大神，怎么解决的这个问题？

qq_37582272 2020-09-28

打赏
举报

回复

我也是这种情况，你怎么解决的？

yjm423 2021-08-10

举报

回复

@qq_37582272 请问有解决掉吗

weixin_38104249 2019-05-27

打赏
举报

回复

nginx 配置

博主刚刚解决了index.html空白问题，刚打开项目页面又发现了样式出现了大问题，样式与开发版本有很大不同，有些样式没有生效。利用搜索引擎，找到了问题所在以及解决办法： main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入，router放在后面引入，就可以实现组件样式在第三方样式之后渲染。代码如下： main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has bee

压缩配置 Vue.config.js插件compression-webpack-plugin// gzip压缩config.plugin('compressionPlugin').use(// 代码混淆new CompressionWebpackPlugin({// eslint-disable-next-linefilename: "[file].gz[query]",algorithm: 'g...

用javaweb写的后端，前端页面能正常访问，状态是200ok，但就是无法显示网页的css样式。

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec. 出现该问题的场景为解决vue gzip打包部署，nginx配置 try_files $uri $uri/ @router

打包注意事项打包完的项目 dist文件夹如果已经启动服务，此时不能重新打包，（因为文件在占用），需要停止服务，再进行重新打包。 vue打包上线移除 console 两种插件可选择 1、babel-plugin-transform-remove-console 比较流行的解决办法是使用 babel 的一个插件，因为webpack 打包时会使用 babel 进行代码降级，所以babel 插件可以在打包过程中，将 console 移除安装 npm install babel-plugin-transfor

其他技术讨论专区

474

社区成员

791,113

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章