初始.net core-Jquery+MVC项目发布后部分功能丢失

问题描述一:本地测试完好,但在发布IIS成功后为什么部分功能丢失?

浏览器打开项目-F12调试-观察到以下错误信息

问题原因:这是因为本地项目有未压缩的视图文件和js文件原因导致,像这里本地测试时就使用的index.css,和index.js文件,而发布iis后是编译过的,使用的是index.min.css和Index.min.js这样的压缩文件

初始.net core-Jquery+MVC项目发布后部分功能丢失_第1张图片

解决方案:使用Bundler & Minifier插件压缩文件再重新发布

插件功能说明:

1.合并多个css,js,html文件为一个单独的文件

2.保存源文件自动重新组合。

3.压缩css,js,html文件...(目前只使用到这几个功能)

下载安装Bundler & Minifier插件:打开VS2017-菜单栏找到工具-扩展和更新-联机-搜索Bundler & Minifier-下载安装(这个时候要关闭所有VS栏目)-重新打开vs

使用方法:选中js文件或者css文件-右键Bundler &Minifier-Re-bundle File-就会生成对应的压缩文件AccessoryModal.min.js,也可同时选中同类型的多个js文件或者css文件作相同操作

初始.net core-Jquery+MVC项目发布后部分功能丢失_第2张图片

压缩好文件后重新发布-部分缺失功能完好使用!

问题描述二:发布到IIS后和本地测试的时候样式对不上

问题原因:依然是发布后使用的是编译后的压缩文件,发布前使用的样式是未压缩文件,导致二者出现差异

解决方案:浏览器打开发布后的项目-F12调试-找到对应的压缩文件-直接在F12调试页面修改看效果,如果效果达到-回项目找到压缩文件作相应的修改后-重新发布-OK样式达到目的!

你可能感兴趣的:(初始.net core-Jquery+MVC项目发布后部分功能丢失)