Vue项目发布到IIS遇到的问题

2019-11-27 本文已影响0人 AI时代岁月笔记

1. vue项目config下的index.js文件导致的问题

要打包发布到iis, 需要设assetsPublicPath: './' （要带点，否则iis上的页面会一片空白)

注：平时npm run dev时，需要设回 assetsPublicPath: '/' (不要带点，否则会显示Cannot GET /问题）

2. 发布后某些CSS加载不到，出现404

build文件夹下utils.js下在以下位置添加：publicPath:'../../'

3. 其他404错误

如： swiper.js:506 GEThttp://192.168.11.81:8082/static/fonts/element-icons.535877f.woffnet::ERR_ABORTED 404 (Not Found)

添加MIME类型添加三条：

文件扩展名 MIME类型

.svg image/svg+xml

.woff application/x-font-woff

.woff2 application/x-font-woff

我以上的问题只需要在这里添加了一个.woff application/x-font-woff就解决了。

4. vue项目发布到iis后部分css不起作用的解决办法

问题：一个el-menu改了el-menu-item后在本地编译后正常，打包发布到iis后样式不起作用

解决办法：在网上查了一些方案均不能，用以下办法可以解决：

1) 在assets建立一个文件夹css,如./src/assets/css

2) 把不起作用的css保存到一个文件中，如reset.css，文件放到第一步建立的目录中

3) 在main.js的最后import部分引入，如import "@/assets/css/reset.css"