vue之解析fig.js中的配置项之publicPath
⼀般在vue项⽬当中，都有⼀个fig.js，⼀个可选的配置⽂件，之前总是再⽤，但对于其中的配置项具体的⽤途了解少之⼜少，所以准备对此⽂件常⽤的配置项或webpack插件做⼀下记录。
今天来说说publicPath字段的⽤途
image.png
官⽹上的描述如下图所述，萌新看着可能⽐较懵。
image.png
光说不练，没什么意思。将publicPath改为/app重启试⼀试。
image.png
然后我们来打个包⽣成dist⽂件夹：可看到⽬录结如下所⽰
image.png
将dist⽬录作为项⽬根⽬录，⽤live-server(⼀个本地⼩型服务器插件)启动dist下打包后的代码，可发现项⽬启动⽩板，因为访问静态资源⽂件都是404；
image.png
从上⾯可以得知，静态资源⽂件都是在app下的，所以在dist下新增添⼀个app⽬录，把dist下⽂件放到app下，相当于⼀个⽂件的路径，可以发现项⽬会正常启动。⼀般nginx都会配置⼀个静态资源⽬录，打包后的⽂件都会放到这个静态资源⽬录⾥⾯，nginx去做映射，所以publicPath这个属性基本不⽤改。'/'就⾏。
结论：publicPath配置成'/aaa/bbb/ccc'， 则需在相应的服务器路径中新建aaa>bbb>ccc的⽂件夹，然后将打包后的⽂件放进去。就ok拉。
image.pngnginx部署前端项目

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。