[Vue] assetsPublicPath 调整 ‘./‘ 后首页无法访问资源问题

最新推荐文章于 2023-04-20 10:30:31 发布

原创最新推荐文章于 2023-04-20 10:30:31 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

为了部署时能在所有目录都能访问页面，所以需要修改 assetsPublicPath

将 / 修改为 ./

问题1：修改之后，访问项目路由根目录时加载资源出现问题

解决1：修改build目录下utils.js文件，在 return ExtractTextPlugin.extract 中添加 publicPath:'../../

!!!注：为了防止刷新404问题，路由最好还是使用 hash 哦，默认就是 hash 不要用 history

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

克劳迪尔

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue路由无法找到的原因及解决方法

2301_79331387的博客

10-02

3379

路由模式错误：Vue Router支持两种路由模式：hash模式和history模式。如果你使用的是history模式，你需要确保你的服务器已经正确配置，以便在不同的路由之间进行正常的导航。通过仔细检查你的路由配置、路由模式和路由链接，你应该能够解决Vue应用程序中的"找不到路由"问题。确保所有路径和组件的定义都正确，并且你的服务器配置与所使用的路由模式相匹配。标签来生成链接，确保你提供了正确的路由路径。路由配置错误：检查你的路由配置是否正确。确保你已经正确定义了需要使用的路由路径和组件。

Vue项目+ 打包解决静态资源无法加载和路由加载无效(404)问题

蓝胖子的博客

04-03

2646

Vue项目+ 打包解决静态资源无法加载和路由加载无效(404)问题

参与评论您还未登录，请先登录后发表或查看评论

Vue入门笔记

weixin_43240274的博客

03-09

2195

Vue初探一、如何阅读框架式代码Vue 简单来说，所有前端代码的基本信息除了在readme上了解，还有一个就是package.json文件。Vue的核心在src文件中的main.js（入口文件），下面来看一下vue-lic的结构文件说明（转载于https://www.jianshu.com/p/f4e95663e10d）： 1、src文件夹重点在src文件夹： assets——静态资源，...

Vue-cli assets SubDirectory及PublicPath区别详解

10-14

主要介绍了Vue-cli assets SubDirectory及PublicPath区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

使用若依前后端分离管理系统的相关配置

weixin_47062336的博客

09-25

2281

（不喜勿喷）分析若依的代码结构本人下载的是这套代码 ruoyi-admin ruoyi-common ruoyi-framework ruoyi-generator ruoyi-quartz ruoyi-system 这五个模块是写后端的模块包括权限控制图形化管理菜单等剩下一个ruoyi-ui 模块就是这个系统的前端需要修改前端的话就在这个里面找！下面说一下刚下载的代码需要修改的内容首先修改yml里面的配置内容这个都是在admin模块里配置修改端口号路径等内容

vue打包assetsPublicPath为‘./‘和‘/abc/‘的两种情况

qq_44021541的博客

06-01

2984

vue 测试和正式环境打包（npm run build） assetsPublicPath路径可以设置为大致两种在nginx代理的方式也各有差异第一种: assetsPublicPath: ‘ ./’ location / { root /home/lw/hy/admin/dist; index index.html index.htm; autoindex on; expires 30m; } 第二种: assetsPublicPath: ‘/qbcd/’

vue打包 assetsPublicPath改变，static下文件访问不到的问题

Mr青青子衿

08-29

3686

问题背景：一、.smallTarget项目，使用vue官网脚手架，修改了/config/index.js文件，把默认打包后的文件夹名称改成了“smallTarget”，这时候npm run build 打包部署，就可以访问到以smallTarget为根目录的页面。...

vue打包静态资源后显示空白及static文件路径报错的解决

10-14

为了修复这个问题，需要将assetsPublicPath的值改为相对路径'./'，这样配置后，所有的资源路径都会正确指向构建后的静态文件夹。其次，Vue的路由模式也可能导致打包后的页面显示空白。默认情况下，Vue router的...

vue webpack打包后图片路径错误的完美解决方法

10-17

将`assetsPublicPath`设置为`'./'`，这样可以确保资源路径是相对于当前页面的，而不是项目的根目录。例如： ```javascript module.exports = { //... build: { assetsPublicPath: './' } }; ``` 2. 接下来...

vue在index.html中引入静态文件不生效问题及解决方法

11-28

在Vue.js项目开发中，有时候我们会在`...同时，当遇到类似问题时，及时检查和调整配置是解决问题的关键。希望本篇文章能对Vue初学者有所帮助，如有疑问，请留言讨论。感谢对软件开发网的支持，转载请注明原文出处。

vue打包 assetsPublicPath: '/web/' 调用static文件夹404

热门推荐

youngboy的博客

11-22

3万+

问题篇最近使用frp代理开发微信vue应用，frp代理不直接暴露根目录，因为我的根目录已经被我的博客占用了，所以就使用nginx又代理了一层，访问方式从越来的 wechat.youngboy.vip 变成 wechat.youngboy.vip/proxy ，在游览器中 / 代表域名的根目录，./代表当前路径比如: 域名 wechat.youngboy.vip 目录结构 --+ static...

vue build 设置了 publicPath: “./“ 后页面空白

编程之路

06-02

1354

知识点记录

VUE项目部署到二级目录下时，页面跳转异常。

qq_36130269的博客

04-20

622

【代码】VUE项目部署到二级目录下时，页面跳转异常。

vue项目打包后本地无法查看

qq_45175539的博客

03-24

1813

vue项目打包后本地无法查看浏览器显示空白，报错显示： vue.config.js中配置publicPath: ‘./’,依旧无效 publicPath: './', 推测可能是vue脚手架版本太高，不兼容vue2的项目解决方案安装http-server，在项目根目录运行http-server 文件管理器中打开项目目录，在地址栏输入cmd可快速打开cmd并定位到当前目录 npm i http-server -g ...

解决vue3.0项目部署到公网找不到地址问题

qq_43360812的博客

08-25

1015

解决vue3.0项目部署到公网找不到地址问题 Vue CLI 3.0 baseUrl 从 Vue CLI 3.3 起已弃用，请使用publicPath。部署应用包时的基本 URL。用法和 webpack 本身的 output.publicPath 一致，但是 Vue CLI 在一些其他地方也需要用到这个值，所以请始终使用 publicPath 而不要直接修改 webpack 的 output.publicPath。默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https:

vue-cli 2.x版本中conf/index中assetsRoot、assetsSubDirectory、assetsPublicPath路径的含义

xk_initial的博客

09-05

5035

vue-cli 2.x版本中conf/index中assetsRoot、assetsSubDirectory、assetsPublicPath路径的含义 assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '/', assetsRoot 资源根路径项目打包后存放的路径即项目目录下的dist文件 assetsSubDirectory