关于解决Vue项目启动后，只能访问vue默认页面，无法访问项目中其他页面的问题

最新推荐文章于 2025-02-16 15:09:11 发布

weixin_42893818

最新推荐文章于 2025-02-16 15:09:11 发布

阅读量1.3w

点赞数 5

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_42893818/article/details/106373503

版权

Vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种简单的方法，只需在index.js文件的Router实例中添加mode:history属性，即可将Vue Router从默认的hash模式更改为history模式，从而实现更加友好的URL结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法很简单，只要在index.js中的Router实例中添加一个mode:"history"属性即可。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_42893818

关注关注

5
点赞
踩
12

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue项目如何设置默认页面

litlit023的专栏

02-07

256

创建一个新的vue项目并且将初始页面还原到空白项目开始 - 现实里的乌托邦 - 博客园vue项目如何设置默认页面 • Worktile社区创建一个vue项目并配置默认页面_vue如何设置初始展示的页面-CSDN博客

vue脚手架项目默认访问页面

xzy的博客

05-02

3775

文章目录vue脚手架项目默认访问页面index.html首页/src/main.js文件App.vue组件内容src/router/index.js文件内容Login组件内容测试 vue脚手架项目默认访问页面 index.html首页 vue脚手架启动之后，默认会访问脚手架项目根目录下的index.html首页，如下图： /src/main.js文件 /src/main.js文件的配置，如下图： App.vue组件内容 App.vue组件的内容如下图： src/router/index.js文件内容

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

Vue项目启动后跳转到制定路由页面

见证自己学习,成长的记录

01-29

8754

Vue项目启动后跳转到制定路由页面

【运行vue项目在浏览器中默认显示的第一个页面是在哪里设置】

qq_46234815的博客

02-16

734

通常位于 src/router/index.js ，若项目是用 Vue CLI 创建的，默认就会有这个文件。这里同样把路径为 ‘/’ 的路由对应的组件设为 HomeView ，项目启动后就会默认显示该页面。在路由配置数组里，把路径为 ‘/’ 的路由设为默认显示的页面。组件是 Home ，所以项目启动后默认显示的就是 Home 页面。在上述代码中，路径为 ‘/’ 的路由对应的。1.打开路由配置文件。

Vue启动后，只能访问vue默认页面，怎么才能访问项目页面呢

热门推荐

qq_42423727的博客

03-20

1万+

Vue启动后，只能访问vue默认页面，怎么才能访问项目页面呢欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能...

nginx部署Vue项目只能访问首页，访问其他路径404

qq_38157433的博客

02-05

1207

上述配置中，try_files指令会尝试查找请求的文件，如果文件不存在，就会将请求重定向到/index.html。直接访问其他目录时“https://test/example”，报404。访问网站首页没问题，即网站根目录“http://test.com”，在Nginx配置中添加一个用于处理前端路由的规则。nginx部署Vue，

vue启动只能访问主页_vue 构建的前台项目，打包放入Spring Boot后台，无法直接访问页面，只能通过首页菜单进行访问...

weixin_39846361的博客

01-14

1225

vue 构建的前台项目，打包放入Spring Boot后台。但是无法直接访问页面，只能通过首页菜单点击进入跳转。(未打包之前，前台可以通过url地址直接访问页面，打包直接就出现了上述情况)请问有大佬知道是怎么回事嘛？直接访问：通需朋者说上事是础一发一开程和开数的目前间过首页菜单访问可以跳转新直能分支调二浏页器朋代说，事刚到页面：前台路由设置：const routes = [{path: '/',c...

vue2 - 解决本地nginx部署vue项目只能访问默认页面问题

qq_43526329的博客

10-24

1244

解决本地nginx部署vue项目只能访问默认页面问题

Vue项目部署在Spring Boot出现页面空白问题的解决方案

10-17

总结来说，解决Vue项目部署在Spring Boot中出现页面空白和404错误的问题，主要需要关注前后端配置的对接和资源加载路径的适配。这需要对Vue项目和Spring Boot的配置都有清晰的认识，并且能够根据不同情况灵活调整...

vue项目打包后打开页面空白解决办法

08-27

面对Vue项目打包后页面空白的问题，开发者应采取以下步骤进行解决： 1. 首先，检查项目config文件夹中的index.js文件，确保其中的assetsPublicPath属性正确配置了静态资源的路径。 2. 其次，检查src文件夹中router/...

解决vue单页面应用进入页面加载所有 js 的问题

10-14

本文将探讨如何解决Vue单页面应用进入页面时加载所有JS的问题。首先，问题的根源在于Webpack的打包机制。在传统的Vue配置中，所有的页面和组件通常在`index.js`等入口文件中被预先导入，导致浏览器一次性加载所有...

解决本地nginx部署vue项目只能访问默认页面问题

前端很杂，故名前端杂货铺 —— coderkey

08-08

4014

项目时只能访问默认页面，刷新和跳转页面都会出问题。当作自身的服务访问而找不到，我们修改一下配置文件。页面，而其他页面在访问的时候被。

解决vue项目在宝塔上部署后只能访问index.html页面的问题

wxg1314tzm的博客

03-19

1051

解决宝塔部署vue项目后只能访问index.html页面的问题

【vue】vue项目启动设置默认启动页

Season CSDN博客

12-21

1万+

vue项目启动设置默认启动页

vue设置页面路由守卫，只让指定用户访问此页面

前端程序猿的博客

04-15

1428

第一步、封装一个方法 export function urlVerify(arr) { let route = false store.getters.roles.forEach(res=>{//store.getters.roles是我判断当前用户的权限字符 if(arr.includes(res)){ route = true } }) if(route){ return true }else{ .

vue3项目启动后访问http://localhost:3000/，发现页面不是vue3项目首页，都是serviceWorker惹的祸

ThisEqualThis的博客

10-08

2326

新建vue3项目，启动后访问http://localhost:3000/，发现页面不是vue3项目首页

解决nginx部署vue项目只能访问默认页面问题

yzwdzkn的博客

01-27

5066

在通过nginx启动vue以后我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面，如果直接访问就会出现404 可以看到nginx并不识别vue的其他页面，这跟conf文件的配置有关 location / { root C:/web/dist; index index.html index.htm; } 这是我们基础的配置，按照字义解读就是只访问了/dist文件下的 index.html、index.htm页面，而其他页面在

2024年Web前端最全【经验分享】显示文件扩展名，一个三非渣本的前端校招秋招之路

2401_84438654的博客

05-04

450

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】前端面试题汇总JavaScript前端资料汇总如何在.java文件和记事本之间通过改扩展名快速切换呢？首先打开此电脑（我的电脑）找到左上角的这个东西。

vue项目启动后无法访问