资讯专栏INFORMATION COLUMN

Vue部署资源路径问题

Sanchi / 3026人阅读

摘要:当打包编译后,上传到正式环境,如目录,然后会发现出现了好多文件引用失败,如图解决办法在里修改将值有改为在里解决问题

当Vue打包编译后,上传到正式环境,如:http://www.xxx.com/test目录,然后会发现出现了好多文件引用失败,如图:

解决办法:
1、在config/index.js里修改build-> assetsPublicPath 将值有"/"改为"./";
2、在build/utils.js里

ok,解决问题;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109572.html

相关文章

  • Vue项目部署遇到的问题及解决方案

    摘要:模式部署没有什么问题,只要访问到服务器上的,就可以访问网站了。问题起因在做年度账单项目的时候,项目部署的时候,用的是模式。这样几项配置后,就可以在子目录下访问网站,刷新也没有问题。 写在前面 Vue-Router 有两种模式,默认是 hash 模式,另外一种是 history 模式。 hash:也就是地址栏里的 # 符号。比如 http://www.example/#/hello,...

    姘搁『 评论0 收藏0
  • Vue应用部署到服务器的正确方式

    Vue应用部署到服务器的正确方式 很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题,但真正放在服务器上后,会发现或多或少的问题,比如:页面出现空白现象,获取资源路径不对等,我相信以VueJs为技术栈来进行前端开发的小伙伴或多或少都会遇到这样的问题,我也遇到过,那现在我们就来一一解决这样的问题。 如何打包 基于Vue-Cli,通过npm run build...

    xcc3641 评论0 收藏0
  • Vue-项目从本地搭建到线上部署(wǒ shì biaō tí dǎng)

    摘要:放置在目录下或通过绝对路径被引用。对于相关来说,我们推荐使用而不是直接链式指定。在不更改配置文件的情况下,前端页面迭代发布,不需要重启服务。 作者:gauseen 0. 关于 Vuejs 简介:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,易用、灵活、高效。 生态系统 项目 介绍 awesome-vue Vue.js 相关很棒的...

    Arno 评论0 收藏0
  • 网站子目录部署VUE webpack 打包资源文件路径的正确引用方式

    摘要:是目前使用最为火热的打包工具,各大知名的框架类库都用其打包,国内使用最近也火热起来。但是坑也很多,比如说图片,字体等文件的路径。 webpack 是目前使用最为火热的打包工具,各大知名的框架类库都用其打包,国内使用最近也火热起来。它在单页应用和类库打包上帮助许多人从代码管理中解脱了出来,成为了当下风靡一时的打包工具。 但是坑也很多,比如说图片,字体等文件的路径。 刚开始用webpack...

    zgbgx 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<