vue html引入资源dev下404,vue2.0 项目build后资源文件报错404的解决方案

当vue项目build后,我们会看到css、js报错404的问题;

那我们就去找错误原因吧。

首先,查看build后的dist文件目录

5d4ff9e88af94a3f573735509d97a16d.png

可以看出,js、css在index.html的同级目录下;

然后,查看index.html,看到下面的代码

我们先普及下文件路径的知识    ../上级目录   ./同级目录  /根目录

看上面的代码,js、css文件的访问是根目录,所以我们只需要将根目录改成同级目录就可以了。

修改方法:找到config文件夹下的index.js文件

找到build.assetsPublicPath,将"/"修改成"./"

build: {

// Template for index.html

index: path.resolve(__dirname, '../dist/index.html'),

// Paths

assetsRoot: path.resolve(__dirname, '../dist'),

assetsSubDirectory: 'static',

assetsPublicPath: './'

// 下面的省略

再次执行 npm run build 完美解决

Xcode升级10.3后XIB文件报错

Xcode升级10.3后XiB文件包错,提示: Failed to find or create execution context for description '

Spring MVC 入门实例报错404的解决方案

若启动服务器控制台报错,并且是未找到xml配置文件,初始化DispatchServlet失败,或者控制台未报错404,那么: 1.URL的排查: 格式-----------协议名://地址:端口号/上 ...

爬取网页内容后写入文件报错UnicodeEncodeError: 'gbk' codec can't encode的问题解决方案

老猿使用如下代码读取网页内容: req = urllib.request.Request(url=url,headers=header) text = urllib.request.urlopen(r ...

Eclipse导入maven项目时,pom-xml文件报错处理方法

报错如下: Cannot read lifecycle mapping metadata for artifact org.apache.maven.plugins 解决方法: 出现该错误是因为jar ...

eclipse创建的maven项目,pom.xml文件报错解决方法

[错误一:]maven 编译级别过低 [解决办法:] 使用 maven-compiler-plugin 将 maven 编译级别改为 jdk1.6 以上:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值