vue2.0 cli2.0 打包 常见的问题 (已踩完坑)

本文详细介绍了如何解决Vue项目打包后常见的三个问题:页面白屏、图片无法显示及运行时报错。通过调整webpack配置和publicPath设置,确保项目在不同环境下正常运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

解决问题1 打包完之后  白屏:

解决问题2打包完之后  图片展示不出来:

解决问题3打包完之后  想要在run项目  发现   报错  get ./:


解决问题1 打包完之后  白屏:

配置如下:

 1.找到build下的utils.js    在use:loaders附近填写

      添加  publicPath: '../../',

 

2.找到build下的webpack.prod.conf.js    在path: config.build.assetsRoot,附近填写

      添加  publicPath: './',

 

3.找到config文件下的index.js 里的 assetsPublicPath: '/',

      改成   assetsPublicPath: '/',

 

解决问题2打包完之后  图片展示不出来:

  //  图片这个问题  我遇到的是它的指向有问题

大家或许看不清    我给你们打一遍这个路径  这个路径是  www.xxx.com/dis/static/css/img/timg.c06c4e8.jpg

但是这样根本找不到图片。 

真正的图片路径:

两者就多了个css

修改方法 如下:

对,就是上一个问题里的。

 

解决问题3打包完之后  想要在run项目  发现   报错  get ./:

这个就比较简单了,如图:

把 刚才在 config 文件夹下的 assetsPublicPath: './'  改回来   assetsPublicPath: '/' 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值