Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[vue] 怎么解决vue打包后静态资源图片失效的问题? #554

Open
haizhilin2013 opened this issue Jul 2, 2019 · 12 comments
Open
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

[vue] 怎么解决vue打包后静态资源图片失效的问题?

@haizhilin2013 haizhilin2013 added the vue vue label Jul 2, 2019
@zyronon
Copy link

zyronon commented Jul 2, 2019

没遇到这个问题 - -
好像相对路径要加require,用绝对路径不用加。

@pygo1
Copy link

pygo1 commented Jul 3, 2019

设置assetsPublicPath将 assetsPublicPath: '/' 改为 assetsPublicPath: './'

@yelingfeng
Copy link

background: url("@/assets/images/xxxxx")

@Wu-wb
Copy link

Wu-wb commented Jul 12, 2019

加这个可以吗?publicPath: '../../'

@HeMin0919
Copy link

找到config/index.js 配置文件,找build打包对象里的assetsPublicPath属性

默认值为/,更改为./就好了

@Damonlanyang
Copy link

找到config/index.js 配置文件,找build打包对象里的assetsPublicPath属性

默认值为/,更改为./就好了

最新的 用vue-cli构建的VUE项目,貌似没有那个config文件夹,更没有那个assetsPublicPath属性了,怎么办呢

@upcurrent
Copy link

最新的vue-cli 需要在根目录下建一个vue.config.js 在里面配置publicPath即可

@wush12
Copy link

wush12 commented Nov 5, 2019

1.静态图片,webpack打包的时候复制到指定目录,设置assetsPublicPath
2.图片路径使用绝对路径

@lostimever
Copy link

找到config/index.js 配置文件,找build打包对象里的assetsPublicPath属性
默认值为/,更改为./就好了

最新的 用vue-cli构建的VUE项目,貌似没有那个config文件夹,更没有那个assetsPublicPath属性了,怎么办呢

可以自己新建的config.js 在里面配置

@mingyec
Copy link

mingyec commented Mar 28, 2020

assetsPublicPath想自己定义的可以在根目录下的vue.config.js里去配置,vue-cli文档有些

@hc3001
Copy link

hc3001 commented Nov 25, 2020

上面蛮多回答感觉像开玩笑似的,静态资源图片失效分几种情况。
1、确定线上环境是否在根路径上,配置资源根目录,vue-cli2 和 vue-cli3 字段不一致(assetsPublicPath 和 publicPath ),如果项目是根路径上,用'/','./'都行,如果是在'/hc'这个路径上,用'./' 相对路径(需history模式),也可以用'/hc/'。 在'/hc'路径上,如果需要本地和线上保持一致,可以用环境做判断设置不同的publicPath值。
2、确定静态文件放置的位置。
①、如果放在public/static,不经过webpack打包, 放在public 又分使用绝对路径和相对路径。
②、如果放在assets, 经过webpack打包, 使用的是相对路径
3、路径是否是动态的,如果是动态,需要用require() 引入。

https://blog.csdn.net/qq_31126175/article/details/99550889

@crush2020
Copy link

最新的vue-cli 需要在根目录下建一个vue.config.js 在里面配置publicPath即可,至于怎么写,去看vue-cll官网的api即可找到详细信息。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
vue vue
Projects
None yet
Development

No branches or pull requests