vue项目如何可以设置为支持iis的虚拟目录

发布时间 2023-11-27 10:46:06作者: 五百万

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项目的默认设置


————————————————
版权声明:本文为CSDN博主「sxf359」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/sxf359/article/details/115858580