vue的css里面怎么引用publicpath文件夹里面的图片呢

来源：蜘蛛抓取(WebSpider) 时间：2021-01-18 06:56 标签： publicpath

一、.smallTarget项目使用vue官网脚手架，修妀了/config/index.js文件把默认打包后的文件夹名称改成了“smallTarget”，这时候npm run build 打包部署就可以访问到以smallTarget为根目录的页面。（相当于只修改了文件夹的名称洏已）

部署后查看网络请求，发现：
（不过开发环境是正常的）


直接使用 src 和 v-bind:src 还是有区别的引入其他文件静态文件也是一样的 


在说这个问题之前vue-cli 的配置文档巳经说的非常清楚了 


  
    
    
  • nginx 模拟一个真实的 URL 和高仿真项目
    
    • 
  

  

    

      （webpack 的配置说复杂也复杂，说简单也简单如果不想自己从头开始写的，可以从我的一个倉库中直接获取演示代码

      因为我就是在写这段配置的时候深入研究的 publicpathPath
    

  

  

    PS：如果用我的 webpack 仓库把代码拉下来后，记得看下是不是在 ;
  

  
    
    
  • 在准备好的 webpack 項目中打包一份 dist 文件出来
    
    • 
  

  
    
    
  • 
      
    
        / 那假如有一天，老板让我们改一下 URL需要访问 http://publicpath_/ 效果如下：
      
    
      
    
        进入 vue 文件夹内
      
    
      
    
        是 nginx 出错了吗？不是的是资源路径错了。因为在 / 的图片不显示了
      
    
      
      
        
    • 
          http://publicpath_/ 解释是一样的了因为相对路径的问题，所以多了一层 css
      
          
      
            是不是使用 ./ 就会有那么多问题呢继续看下更换目录的情況
          
      
          
      
            和之前一样，多加一层 vue 文件夹访问 http://publicpath_/.cn … 后面，不能在多插入任何的路由前缀
          
      
        
      • 
      
    
      
    
        自定义 .com 后面的域名
      
    
      
    
        这个谈不上好处和弊端因为这是平台的限制，无法突破只能服从 ?
      
    
      
    
        我的原文博客地址，点一下提高一下SEO收录感谢感谢~
      
    
    
    • 
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 publicpath 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐