zoukankan      html  css  js  c++  java
  • vue 构建项目遇到的问题

       1、我在打包完成后,打开index.html文件发现地址并没有携带路由。

         config下的 index.js 中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到。

        解决办法: 改为  ‘./ ’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行查找。再次打包,页面基本正常。

        

      

     

      2、vue打包后CSS中引用的背景图片不显示问题 

         静态资源的引用有两种路径:

          绝对路径:从盘符开始的路径,如:C:windowssystem32cmd.exe

          相对路径:从当前路径开始的路径

        静态资源都在static上面 ,如 app.css访问static/img/’图片名’是访问错误的,因为在css目录下并没有static目录。所以此时需要先回退两层到根节点处才可以正确获取到图片('../../static/img/’图片名');

        解决的方法:打开build/utils.js,在图中相应位置加入红框内容,其中值可能会有不同,若不同,自己配置成相应的即可。   

        

      

          vue 构建项目vue-cli

          vue 构建项目 文件引入

          vue 构建项目遇到的请求本地json问题

     

  • 相关阅读:
    Markdown常用写法
    Vue.js学习篇
    ClassLoader
    Java内存篇
    Spring-AOP学习篇
    M3U8Downloader
    IngCrawler
    ulimit开启coredump时核心转储
    Linux下的bc计算器
    Maven相关介绍
  • 原文地址:https://www.cnblogs.com/nelsonlei/p/10666726.html
Copyright © 2011-2022 走看看