vue项目使用的是webpack打包工具生成的。
更改:
/config/index.js文件中把
build对象下的assetsPublicPath由 值 /改为 ./ ,加上一个英文圆点
/build/utile.js文件中ExtractTextPlugin.extract节点增加publicPath: '../../' 的配置
这个目的是为了解决一些字体文件在css文件中设置的路径不能正确读取的问题
这两个地方设置后,js文件,css文件等都能够正确读取了。但是页面还是空白,这个是因为不能正确读取组件的路径造成。还需要在/router/index.js文件中添加base参数。这个就是增加所有路由的前缀。比如如果你要设置的虚拟目录为h5.则需要如此设置:
设置base参数的前缀。base参数默认值是/。表示是网站根目录。我们创建的vue项目,默认就是放在网站的根目录之下。这也是vue项目的默认设置
这三个地方设置好后。就可以把vue项目生成的h5包放置到IIS的h5虚拟目录下。若还要在本地测试,因为本地测试是把项目作为一个独立网站部署,因此把baseUrl改为 /就可以了。