Vue静态资源太多了怎么办

Vue静态资源太多了怎么办

Vue 项目部署到centos7服务器后,静态资源路由加载问题 -
在dist目录下的static静态资源，通过路由访问时，会多出一个路由在静态资源前面，如：ip:8080/Test/static/one.js Test路由的存在导致one.js报404问题；项目在构建dist时，路由配置的问题，找到Vue项目下/src/router/index.js文件，更改为如图方式：重新npm run build，将dist替换到服务器上，重新希望你能满意。
解决方法：将vue 工程文件夹在 INSTALLED_APPS 里面注册下就行。如果不注册app，那么即使写入文件夹，django 也不会扫描（根目录除外）：如上所示我在 STATICFILES_DIR 中已经写入了blogfro （也就是vue 文件目录）打包完成后的 static 文件夹，但是进入首页仍然白屏。 白屏表示模到此结束了？。
如何解决vue打包后静态资源图片失效的问题 -
于是我用下面的写法：这种写法也是不可以的，原因是你的静态资源文件static不在src目录，而在vue中src目录是相对根目录是src目录，所以如果你想用上面的写法，必须要把static放在src目录下。如上面图一图二注意：不能把static/images/user.png写成/static/images/user.png，否则图片还是失效。以上是关于有帮助请点赞。
vue打包上线后经常会碰到静态资源路径找不到的问题。常见问题及解决方式如下：解决方式： 打开config/index.js，将其中的assetsPubicPath的值改为‘/’解决方式 更改图片文件的路径改为绝对路径或者生产环境的相对路径，
vuejs访问静态资源的变量 -
vuejs访问静态资源的变量使用下列方式：1、使用require语法我们可以在模板中使用require，然后在src属性中传入静态资源的路径来动态引用它们。2、使用import语法我们使用import语法将logo图片导入到组件中，并在data选项中创建一个属性logo，然后在模板中使用它。
使用绝对路径。根据vue官方文档，src对应的是个变量，只有在运行期才会被解析，因此使用决对路径以调用资源。Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
vue- cli的webpack使用教程有哪些? -
webpack中cdn的使用是在静态资源打包生成的时候完成的。主要原理是使用html-webpack-plugin动态插入cdn链接。这里就不介绍webpack的使用了，以vue-cli2.x生成的默认项目为例。Html-webpack-plugin是webpack的一个插件，可以动态创建和编辑Html内容。在html中使用esj语法可以读取配置中的参数，简化了html文件希望你能满意。
如何在http协议中实现不缓存静态资源？不要说这些问题老掉牙了。可是我要告诉你的是，掌握好这些老掉牙的基础，就是很重要。上层的技术可以变更的很快，基础变动很慢，投入时间学好基础，性价比很高。（2）深究原理。Angular，React,Vue框架和脚手架的普及，越来越多的前端工程师浮于表面，调用框架的API完成是什么。

猜你感兴趣： vue 静态资源   vuecli静态资源   vue静态资源路径配置   vuecli3静态资源路径   vue静态资源放src外面怎么拿   vue静态文件放在哪里   vue打包静态资源配置   vue项目请求不到静态资源   vue 静态页面   vue修改打包后静态资源路径的修改