vue静态资源放src外面怎么拿

vue静态资源放src外面怎么拿

详解vue-cli与webpack结合如何处理静态资源 -
在*.vue组件里，所有的templates和CSS模块都被vue-html-loader和css-loader解析来查找路径URL。举个例子，在和背景background: url(./logo.png)，”./logo.png”是一个相对路径，会被Webpack当做一个依赖加载。但是因为logo.png并不是JavaScript，所以如果被当成一个依赖的花，我们需要通过url-loader和等会说。
首先，vue项目有两个地方可以存放静态资源。一个是assets文件夹，一个是static文件夹（地址栏输入static可以直接访问）。放到static里面webpack打包后只会把资源复制到发布目录而不会把小图片优化为base64。而assets内的资源会被webpack打包，比如图片，会被转为BASE64。为了兼顾图片资源优化，所以还是不适合把有帮助请点赞。
Vue 项目部署到centos7服务器后,静态资源路由加载问题 -
在dist目录下的static静态资源，通过路由访问时，会多出一个路由在静态资源前面，如：ip:8080/Test/static/one.js Test路由的存在导致one.js报404问题；项目在构建dist时，路由配置的问题，找到Vue项目下/src/router/index.js文件，更改为如图方式：重新npm run build，将dist替换到服务器上，重新希望你能满意。
于是我用下面的写法：这种写法也是不可以的，原因是你的静态资源文件static不在src目录，而在vue中src目录是相对根目录是src目录，所以如果你想用上面的写法，必须要把static放在src目录下。如上面图一图二注意：不能把static/images/user.png写成/static/images/user.png，否则图片还是失效。以上是关于到此结束了？。
在vue中静态资源如何打包 -
1、问题vue-cli 脚手架生成的默认打包配置文件情况下运行npm run build 打包后，部署项目至特定路径下：如：/ip:port/public/springActivity/此时访问： 可以正常访问，但是引用的js，css等文件服务器响应均为404，查看引入的资源路径如下：..
之后就能直接对 blogfro 进行开发了，开发完成后使用 npm run build ，然后直接开启django 服务器就能进行测试。最后打包上线的时候将dist下的内容复制到到 STATIC_ROOT 下，然后 python manage.py collectstatic （主要是收集admin ）的资源。其实问题不是完全解决，但这是因为 vue + 说完了。
vue静态资源路径设置 -
vue打包上线后经常会碰到静态资源路径找不到的问题。常见问题及解决方式如下：解决方式： 打开config/index.js，将其中的assetsPubicPath的值改为‘/’解决方式 更改图片文件的路径改为绝对路径或者生产环境的相对路径，

猜你感兴趣： vue 静态资源   vuecli静态资源   vuecli3静态资源路径   vue打包静态资源配置   vue静态文件放在哪里   vue项目打包成静态资源   vue引入静态js文件   vue引入静态图片路径   怎么解决vue打包后静态资源图片失效的问题?   vue 静态资源路径