zoukankan      html  css  js  c++  java
  • vue2.0 项目build后资源文件报错404的解决方案

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

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

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

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

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

    <script type=text/javascript src=/static/js/app.41ce5f66426864089c57.js></script>

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

    看上面的代码,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 完美解决

  • 相关阅读:
    JQuery高级
    Filter&Listener
    关于用户信息的一个综合案例
    JSP,EL和JSTL
    Cookie和Session
    Request和Response
    Servlet和HTTP请求协议
    Tomcat
    xml
    数组模拟堆
  • 原文地址:https://www.cnblogs.com/minigrasshopper/p/7879358.html
Copyright © 2011-2022 走看看