vue 构建项目遇到的问题

时间:2021-08-06 20:40:26

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

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

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

    vue 构建项目遇到的问题

  

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

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

      绝对路径:从盘符开始的路径,如:C:\windows\system32\cmd.exe

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

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

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

    vue 构建项目遇到的问题

 

vue 构建项目vue-cli

vue 构建项目 文件引入

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