Vue3.0项目去掉链接里的#号

最新推荐文章于 2023-05-04 11:21:05 发布
最新推荐文章于 2023-05-04 11:21:05 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： JavaEE笔记 文章标签： vue-cli3 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a23_23/article/details/122096452
版权

原来的链接：在这里插入图片描述

操作：找到router下的js文件，进行更改
在这里插入图片描述
结果：在这里插入图片描述

_23_
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3 去掉地址栏里的#号
Eeasan的博客
01-09 1307
将createWebHashHistory( )方法改为 createWebHistory( )即可实现。在vue2中，我们使用 mode: 'history' 的方式修改router中的模式来实现。在vue3中，其实也是一样的，虽然少了mode参数，我们可以修改history来实现。
Vue 去除路径中的＃号
11-30
在开发过程中发现路径中带有/#/的标示，而且还去不掉，很丑陋。 众所周知，vue-router有两种模式，hash模式和history模式。 带＃的则是hash模式。 将router中的mode设置为history就可以了 接下来有个问题，界面一刷新，就变404了！！！！ 网上搜了下，需要对后端环境进行一个配置。 这里只列举nginx的配置，其他的配置点击这里去官网看 先配置config/index.js 修改assetsPublicPath为根目录 module.exports = { build: { env: require('./prod.env'),
VUE3去除地址栏上的‘#‘号
Comin的博客
12-10 845
const router = createRouter({ history: createWebHistory(), routes }) 使用createWebHistory 而不是createWebHashHistory
vue3路由一行代码去掉#
weixin_51357044的博客
11-03 522
在路由里默认的createWebhashHistory 改为createWebHistory。
VUE打包去掉#
SmileSunshines的博客
05-04 806
在conf/web.xml的底部配置vue路由错误转发页面。
vue去掉地址栏的#
huangsy421的博客
01-22 277
https://blog.csdn.net/u013573560/article/details/106255922/ 要去掉vue中访问地址中的#符号可以在路由器中由哈希变成设置路由模式为history: mode:‘history’,
配置一个vue3.0项目的完整步骤
10-17
主要介绍了配置一个vue3.0项目的完整步骤，从0开始配置一个vue项目，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
浅谈vue项目,访问路径#号的问题
10-14
主要介绍了浅谈vue项目,访问路径#号的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue3.0初体验（项目搭建）
02-23
今天分享了vue-nextv3.0.0-beta.1版本不要太刺激哦6大亮点Performance：性能更比Vue2.0强。Treeshakingsupport：可以将无用模块“剪辑”，仅打包...基于vue-cli快速搭建Vue3.0项目2.Vue3.0基本特性体验3.集成vue-router
vue3.0 搭建项目总结(详细步骤)
10-16
主要介绍了vue3.0 搭建项目总结(详细步骤),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
VUE3设置是否带#号，与vue2的不同设置
weixin_44236141的博客
09-21 1381
VUE3设置是否带#号，与vue2的不同设置
前台-url去掉#号，vue3的createWebHistory模式打包问题
hktkkkk的博客
02-27 166
项目
vue 打包部署去掉#注意事项
手掌日月摘星辰
06-05 5510
示例基于vue cli2.0脚手架生成的项目 1.vue项目中config文件下index.js中打包配置： build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname...
406_智能小区管家服务系统的设计与实现-源码.zip
06-02
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
毕业设计+项目编程实战+基于BS架构的ASP.NET的新闻管理系统(含程序源代码+毕业设计文档)
06-02
前言……………………………………………………………………………….2 第1章 ASP简介…………………………………………………………….…..1 1.1ASP的特点………………………………………………………….1 1.2ASP的优势………………………………………………………….2 1.3 ASP与HTML……………………………………………………….3 1.4 ASP的内置对象……………………………………………………..4 1.4.1 Request对象………………………………………………….4 1.4.2 Response对象………………………………………………..4 第2章 为什么要开发一个新闻发布系统…………………………………………….6 第3章 Access数据库……………………………………………………………8 3.1 数据库概念………………………………………………………….8 3.2 Access数据库特点………………………………………………….8 3.3
prompt_toolkit-3.0.27.tar.gz
最新发布
06-02
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
庆祝传统节日，端午安康
06-02
端午节，又称为端阳节、龙舟节，是中国传统节日之一，始于战国时期，至今已有上千年的历史。每年农历五月初五这一天，人们都会举行各种庆祝活动，以祈求平安健康、驱邪避灾。
266_基于微信小程序的在线诗歌赏析系统的设计与实现-源码.zip
06-02
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
生成一个vue3.0项目
09-13
### 回答1： 可以使用 Vue CLI 工具生成 Vue 3.0 项目。 首先，请确保你的系统上已经安装了 Node.js 和 npm。然后，执行以下命令安装 Vue CLI： ``` npm install -g @vue/cli ``` 接着，使用以下命令生成项目： ``` vue create my-project ``` 在生成项目的过程中，你可以选择默认的配置或者自定义配置，然后等待项目生成完成即可。 最后，使用以下命令启动项目： ``` cd my-project npm run serve ``` 现在你就可以在浏览器中访问 http://localhost:8080 查看你的 Vue 3.0 项目了。 ### 回答2： 生成一个Vue 3.0项目需要进行以下步骤： 1. 首先，确保已经安装了Node.js和npm（Node Package Manager）。你可以在命令行中输入以下命令来检查它们是否已经安装成功： ``` node -v npm -v ``` 2. 接下来，我们需要创建一个新的Vue 3.0项目。在命令行中，进入你想要创建项目的目录，并输入以下命令： ``` npm init @vitejs/app my-vue3-project --template vue-ts ``` 其中`my-vue3-project`是你想要创建的项目名称，你可以根据自己的需要来自定义。 3. 执行上述命令后，命令行工具会自动为你安装所有依赖项。完成后，进入到项目的根目录中，可以运行以下命令来启动开发服务器： ``` cd my-vue3-project npm install npm run dev ``` 4. 启动开发服务器后，你可以在浏览器中通过访问`http://localhost:3000`来查看你的Vue 3.0项目。 此外，生成的Vue 3.0项目已经预设了TypeScript，可以提供更好的类型检查和开发体验。你可以在`src`目录下的`main.ts`文件中开始编写你的Vue 3.0代码。 以上就是生成一个Vue 3.0项目的简要步骤，希望对你有所帮助！ ### 回答3： 生成一个Vue3.0项目的过程如下： 1. 安装Node.js: 首先需要在计算机上安装Node.js。可以从Node.js官方网站（https://nodejs.org）下载安装文件，根据操作系统选择合适的版本，并按照安装向导进行安装。 2. 安装Vue CLI: 打开命令行工具（如Windows的cmd或者macOS的终端），运行以下命令安装Vue CLI： ``` npm install -g @vue/cli ``` 该命令将全局安装Vue CLI，用于创建和管理Vue项目。 3. 创建Vue项目: 在命令行中，进入想要创建项目的目录，运行以下命令创建Vue项目： ``` vue create 项目名称 ``` 其中，项目名称是你想要给项目起的名字。执行命令后，将会弹出一个选项界面，可以选择自定义配置或者使用默认配置。如果是初学者，可以选择默认配置（Default preset），按照向导继续进行配置。 4. 选择Vue版本: 在选择默认配置或者进行自定义配置的过程中，会有一个询问是否使用历史版本的Vue的选项，按照需要选择Vue 3.0版本。 5. 安装依赖: 配置完成后，将会自动安装项目所需的依赖包。等待依赖包安装完成。 6. 运行项目: 安装完成后，运行以下命令启动项目： ``` cd 项目名称 npm run serve ``` 该命令将会启动开发服务器并编译项目源代码。待编译完成后，会在命令行中显示项目的访问地址，例如http://localhost:8080。在浏览器中输入该地址，即可访问已生成的Vue3.0项目。 以上就是生成一个Vue3.0项目的基本步骤，希望对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值