Vue-Cli 部署页面出现刷新404

原创

码代码永真 2022-11-03 10:05:54 博主文章分类：vue ©著作权

©著作权归作者所有：来自51CTO博客作者码代码永真的原创作品，请联系作者获取转载授权，否则将追究法律责任

需要在路由生成的router/index.js中把mode: 'history' 注释掉即可

export default new Router({
  // mode: 'history', // 去掉url中的#
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})

上一篇：项目部署

下一篇：mybatis批量操作

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

从0开始使用vue-cli构建Vue3项目

如何从0开始使用vue-cli构建Vue3项目呢？

Vue 新版本 vue3 vue-cli
VUE框架CLI组件化配置全局Router路由实现后置守卫修改页面抬头效果------VUE框架

VUE框架CLI组件化配置全局Router路由实现后置守卫修改页面抬头效果------VUE框架

数据结构入栈数据
使用 Vue CLI 脚手架生成 Vue 项目

最近我参与了一个前端Vue2的项目。尽管之前也有过参与Vue2项目的经验，但对一些前端Web技术并不十分熟悉。这次在项目中遇到了很多问题，所以我决定借此机会深入学习Vue相关的技术栈。然而，直接开始深入钻研这些技术可能会显得枯燥，容易半途而废。碰巧最近我想做一个图床项目，于是决定在学习的过程中结合实际操作和总结，提升自己的前端水平。本次学习的主要目标是提高我的CSS、ES6标准以及Vue相关技术栈

Vue
vue-cli

vue-cli一、什么是vue-clivue-cli官方提供的一个脚手架，用于快速生成一个v

vue 应用程序单元测试初始化
Vue项目部署Nginx后，刷新页面出现404问题

在Nginx配置文件nginx.conf中加入如下配置。(index.html根据实际页面配置) 增加：try_files $uri $uri/ /index.html; #解决页面刷新404问题 server { listen 8080; server_name localhost; locati

html 页面刷新 Nginx
vue 项目页面刷新404问题

html nginx 解决方法
nignx解决vue部署服务器刷新页面出现404问题

在部署前后端分离项目项目的时候，有可能会遇到能访问页面，但是刷新页面却404。解决办法：location / { root h

nginx 运维 html 前后端分离
解决 nginx部署vue刷新、访问路由页面404

参考：https://blog.csdn.net/qq_43059674/article/details/110296807location / { try_files $uri $uri/ @router; index index.html; } location @router {

vue nginx
Vue-cli 记录

出自htt p :/ /w ww .c n b l og s . c o m /n u t r i t io u s / p/ 6 4 9 4 4 79.html先给出能正确安装的步骤：1.进盘符2,为啥不用npm,这是国外的东西，有些电脑无法FQ，会导致安装失败，或者下载速度很慢345这是其中一步要填的，自己选择需要啥问题：用npm安装带来的麻烦，看到了吗？有

记录
Vue-CLI详解

前言如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI;如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无以效率比较低效，所以通常我们会使用一些脚手架工具来帮助完成这些事情。用vue.js开发大型应用需要使用webpac

Vue 旧版初始化 Vue-CLI
升级vue-cli

执行命令 npm install -g

vue node.js
vue-cli安装

vue-cli安装vue-cli安装学习了：http://blog.csdn.net/wisewrong/article/details/55212684直接用npm进行安装没有成功，用cnpm进行安装才可以； npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm -vcnpm install -g vue-c

vue-cli
vue-cli笔记

vue的生命周期：借鉴了react钩子函数：change() 挂载完毕，vue完成模板解析，并把初始的真实的dom元素放入到页面后执行beforeCreate() { // 数据和数据监测创建之前 console.log('beforeCreate')},created() { console.log

Vue App html
vue路由history模式刷新页面出现404问题

vue hash模式下，URL中存在'#'，用'history'模式就能解决这个问题。但是history模式会出现刷新页面后，页面出现404。解决的办法是用nginx配置一下。在nginx的配置文件中修改方法一：location /{ root /data/nginx/html; index index.html inde...

vue.js javascript 前端 ecmascript 前端框架
docker部署vue页面 404

# Docker 部署 Vue 页面遇到 404 错误解决方案在使用 Docker 部署 Vue.js 页面时，有时候会遇到页面无法正常显示，出现 404 错误的情况。这种问题通常是因为 Docker 容器配置不正确导致的，下面我们来介绍一种解决方案。## 解决方案首先，我们需要确保在 Dockerfile 中正确配置 Vue 项目的打包和部署。我们可以通过以下步骤来解决 404 错误

Docker Vue Dockerfile
邂逅vue-cli

vue-cli初体验

javascript 前端 vue.js 命令行图形化界面
三 Vue-Cli

三

css 示例代码 html 选择器后缀名
centos部署vue并运行 vue-cli部署

Vue-cli项目部署到Nginx项目环境：nginx/1.16.1，vue-cli/3.11.00. Nginx使用以windows版为例，下载niginx压缩包并解压到任意目录，双击nginx.exe，在浏览器中访问http://localhost，如果出现Welcome to nginx!页面则说明成功。nginx常用命令如下：nginx -h # 打开帮助nginx -t # 检查配

centos部署vue并运行前端 vue nginx 根目录
【Vue】Vue-Cli 安装

首先需要Node.js环境支持： Node.js官网下载： https://nodejs.org/en/ 右边稳定版，左边最新版下载安装程序之后双击运行，无脑下一步打开终端输入版本查看命令： node -v nodejs有npm，类似linux的rpm包管理器的东西同理这个也有版本 npm -

模版 node.js 官网 html rpm包
Vue-CLI模板

vue-cli 是一个手脚架工具，可以快速生成基本的项目骨架，自带了webpack配置 github上vue-cli连接 1、起步安装： npm i -g vue-cli 检查是否安装成功： vue --version 查看使用帮助： vue --help $ vue --help Usage: ...

初始化 html sed 当前目录可选参数
javaGraphQL查询

目录一、项目介绍1. 背景2. 需求3.技术栈4. 目标二、相关问题三、主要思路四、研发项目分类1. 应用开发类项目2. Web开发类项目3. 中小型应用类开发项目的流程3.1 需求概述: 3.2 需求分析:3.3开发步骤:4.细节开发于风险控制5.BUG修复,调优,标准化6. 正式上线7. 项目总结,项目复盘五、代码开发1. 无脑读取文件2. 文本文件读取工具类2.1 工

javaGraphQL查询 java eclipse 数据库开发 List
babel 生成typescript

探索 Airbnb 的 Babel 插件：babel-plugin-dynamic-import-node 项目简介在 JavaScript 开发中，动态导入（Dynamic Import）是一种强大的功能，它允许我们在运行时按需加载模块。然而，Node.js 环境并不直接支持 import() 表达式。为了解决这个问题，Airbnb 创建了这个 Babel 插件，将动态导入转换为 Node

babel 生成typescript Babel 加载应用程序
sql server 生成日期序号

环境：window10 x64 专业版SqlServer2014 x64 企业版参照：官方文档：《层次结构数据 (SQL Server)》官方文档：《hierarchyid 数据类型方法引用》优秀博文：《HierarchyID 数据类型用法》一、什么是Hierarchyid？hierarchyid 是一种长度可变的SqlServer数据类型，在SqlServer2008中被引入进来，它能存储带有层

sql server 生成日期序号 Parse 快速查询数据
android gilde 磁盘缓存加密

LruCache 是 Android 提供的一种基于内存的缓存框架。LRU 是 Least Recently Used 的缩写，即最近最少使用。当一块内存最近很少使用的时候就会被从缓存中移除。在这篇文章中，我们会先简单介绍 LruCache 的使用，然后我们会对它的源码进行分析。1、基本的使用示例首先，让我们来简单介绍一下如何使用 LruCache 实现内存缓存。下面是 LruCache 的一个使

移动开发数据结构与算法 java 缓存键值对
82599es 更新驱动

写了好久的字符设备驱动，是时候看下块设备驱动程序设计方法了，块设备驱动和字符设备不同，字符设备是直接和虚拟文件系统进行交互，而块设备驱动则是通过块缓冲/调度层间接和虚拟文件系统交互；块设备驱动数据访问都是以块为单位；多个块I/O需要组成一个请求队列，这个功能是块缓冲/调度层提供的，它出于硬件特性和读写性能的考虑，将块I/O进行重新排序，并组成一个请求队列，交给内核，内核则调用请求队列处理函数来逐个

82599es 更新驱动 Tiny6410 S3C6410 linux驱动开发 linux驱动

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯