首页 > 其他分享 >Vue项目部署后,刷新提示404

Vue项目部署后,刷新提示404

时间:2022-12-06 09:46:06浏览次数:81  
标签:Vue 提示 部署 404 刷新 方法

本文来自博客园,作者:Carver-听风,转载请注明原文链接:https://www.cnblogs.com/carver/articles/16633191.html

一、遇到的问题 Vue项目打包部署到线上后,刷新页面会提示404。这是因为网页访问的是静态绝对路径,而服务器上没有该路径。   在这里插入图片描述   二、解决方法 方法一: 修改src/router/index.js文件中的mode属性,设置为hash。(这种调整,会使url出现"#")   在这里插入图片描述     方法二: 调整nginx.conf配置文件   在这里插入图片描述

 

标签:Vue,提示,部署,404,刷新,方法
From: https://www.cnblogs.com/zhangzaizz/p/16954307.html

相关文章

  • Avue记(一)
    (1)Avueoption可直接调用组件component属性--子组件接收参为str{label:'模板内容',prop:'content',type:'textarea',......
  • Vue.js:v-charts根据E-charts修改样式
    以饼状图为例子:首先importimportVeRingfrom'v-charts/lib/ring'在<template>加上<ve-ring><ve-ringstyle="background:#F9F9F9":data="chartDataRing":sett......
  • Vue的MVVM模型
    MVVM模型            1.M:模型(Model):data中的数据            2.V:视图(View):模板代码        ......
  • Vue之el与data的两种写法
    data与el的2种写法          1.el有2种写法                  (1).newVue时候配置el属性。     ......
  • Vue数据绑定
    Vue中有2种数据绑定的方式:          1.单向绑定(v-bind):数据只能从data流向页面。          2.双向绑定(v-model):数据不仅能......
  • vue3 webstorm 快捷新建组建模板
          <template><h1>${COMPONENT_NAME}</h1></template><scriptlang="ts"setup>import{reactive}from'vue';import{useRouter}from"vue......
  • Vue3 setup如何使用this.$xxx全局变量
    在vue2中,我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量,然后通过this.$xxx来获取全局变量。但是在vue3中,这种方法显然不行了。因为vue3中在setup里面我们是......
  • Vue组件
    组件的使用使用import语法导入需要的组件使用components节点注册组件以标签形式使用刚才注册的组件全局组件:在main.js入口文件中,通过Vue.component()方法注册全局组......
  • vue实现路由懒加载
    1、安装插件@babel/plugin-syntax-dynamic-importnpminstall–-save-dev@babel/plugin-syntax-dynamic-import2、安装完成之后,打开babel.config.js文件,将@babel/p......
  • Vue2(笔记21) - 组件 - 组件的嵌套
    组件的嵌套官方的图中,就可以看出,组件之间是可以嵌套的;没有嵌套的组件为了方便,就直接把前面写好的拿来用了;<divid="root"><h1>{{msg}}</h1><hr><school></schoo......