vue静态资源打包重复
在vue中静态资源如何打包 -
1、问题vue-cli 脚手架生成的默认打包配置文件情况下运行npm run build 打包后，部署项目至特定路径下：如：/ip:port/public/springActivity/此时访问： 可以正常访问，但是引用的js，css等文件服务器响应均为404，查看引入的资源路径如下：h是什么。
1、问题描述在项目开发中，当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题，控制台中提示某个图片没有找到（404错误），这些图片可以是以src引入的图片，也可以是css中定义的背景图片。图片能否显示与你的静态资源文件存在位置和引入的路径直接相关，下面是我的其中一个项目的是什么。
1、问题vue-cli 脚手架生成的默认打包配置文件情况下运行npm run build 打包后，部署项目至特定路径下：如：/ip:port/public/springActivity/此时访问： 可以正常访问，但是引用的js，css等文件服务器响应均为404，查看引入的资源路径如下：h是什么。
1、问题描述在项目开发中，当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题，控制台中提示某个图片没有找到（404错误），这些图片可以是以src引入的图片，也可以是css中定义的背景图片。图片能否显示与你的静态资源文件存在位置和引入的路径直接相关，下面是我的其中一个项目的是什么。
打包的资源为了回答这个问题，我们首先要明白Webpack是如何处理静态资源的。在*.vue组件里，所有的templates和CSS模块都被vue-html-loader和css-loader解析来查找路径URL。举个例子，在和背景background: url(./logo.png)，”./logo.png”是一个相对路径，会被Webpack当做一个依赖加载。但是因为logo.png还有呢？
vue打包上线后经常会碰到静态资源路径找不到的问题。常见问题及解决方式如下：解决方式： 打开config/index.js，将其中的assetsPubicPath的值改为‘/’解决方式 更改图片文件的路径改为绝对路径或者生产环境的相对路径，
Django+Vue静态资源问题 -
使用django 与vue，意味着希望进行前后端分离，所以开发过程本身就是隔离的。双方的交集应该是最后部署的时候（vue 打包，django 开启生产模式，反代服务器开启（如nginx））。这时候静态文件夹归反代服务器管理，不会出现这样的问题。由于我只有一个人（太惨了），所以产生了同时调试vue 与后面会介绍。
在dist目录下的static静态资源，通过路由访问时，会多出一个路由在静态资源前面，如：ip:8080/Test/static/one.js Test路由的存在导致one.js报404问题；项目在构建dist时，路由配置的问题，找到Vue项目下/src/router/index.js文件，更改为如图方式：重新npm run build，将dist替换到服务器上，重新有帮助请点赞。
vuejs访问静态资源的变量 -
vuejs访问静态资源的变量使用下列方式：1、使用require语法我们可以在模板中使用require，然后在src属性中传入静态资源的路径来动态引用它们。2、使用import语法我们使用import语法将logo图片导入到组件中，并在data选项中创建一个属性logo，然后在模板中使用它。
在请求资源时，可以通过Etag来判断资源是否已进行gzip压缩，以及是否请求的是预打包的gz资源。低代码平台如JNPF快速开发平台，提供了一种无需编写大量代码即可快速构建应用的途径。它基于SpringBoot、Mybatis-plus、Ant-Design和Vue3等现代技术框架，适用于企业级应用开发。通过低代码平台，开发人员可以减少重等我继续说。
Webpack如何实现持久化缓存 -
首先我们需要去解释一下，什么是持久化缓存，在现在前后端分离的应用大行其道的背景下，前端html,css,js 往往是以一种静态资源文件的形式存在于服务器，通过接口来获取数据来展示动态内容。这就涉及到公司如何去部署前端代码的问题，所以就涉及到一个更新部署的问题，是先部署页面，还是先部署资源？先部署页面，再部署资源后面会介绍。
使用绝对路径。根据vue官方文档，src对应的是个变量，只有在运行期才会被解析，因此使用决对路径以调用资源。Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。