Nginx后面的VueJS路由器历史模式
是指在使用VueJS框架进行前端开发时，通过Nginx作为反向代理服务器来处理前端路由的一种模式。
在VueJS中，前端路由可以使用两种模式：hash模式和历史模式。而Nginx后面的VueJS路由器历史模式即指的是使用历史模式进行前端路由管理，并通过Nginx进行配置和代理。
历史模式是指在URL中不使用hash符号(#)来表示路由，而是使用正常的URL路径。例如，使用历史模式时，可以将路由设置为/home、/about等，而不是/#/home、/#/about。
使用Nginx后面的VueJS路由器历史模式有以下优势：
- 更加美观：历史模式的URL更加直观和美观，没有了hash符号的干扰。
- 更好的SEO支持：搜索引擎对于带有hash的URL可能不会进行索引，而使用历史模式可以更好地支持搜索引擎优化。
- 更好的用户体验：历史模式的URL更符合用户的习惯，用户可以直接复制和分享URL，而不需要包含hash符号。
在配置Nginx时，可以通过以下方式来支持VueJS路由器的历史模式：
- 配置Nginx的location指令，将所有的请求都指向VueJS的入口文件（通常是index.html）。
- 配置Nginx的try_files指令，将所有的非文件请求都指向VueJS的入口文件。
以下是一个示例的Nginx配置文件片段，用于支持VueJS路由器的历史模式：
server {
listen 80;
server_name example.com;
root /path/to/vuejs/dist;
location / {
try_files $uri $uri/ /index.html;
}
}推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供高性能、可扩展的云服务器实例，可用于部署Nginx和VueJS应用。详细信息请参考：https://cloud.tencent.com/product/cvm
- 腾讯云负载均衡（CLB）：用于将流量分发到多个云服务器实例，提高应用的可用性和负载能力。详细信息请参考：https://cloud.tencent.com/product/clb
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，可用于存储VueJS应用的静态资源。详细信息请参考：https://cloud.tencent.com/product/cos
相关·内容
我已经用这些配置配置了我的nginx
location / {
try_files $uri $uri/ /index.php?$query_string;
}
location /apps/ {
try_files $uri $uri/ index.php;
}
我的npm run build结果是改名为mv dist apps
第一个路由器路径'/'将重定向到/login路径
const router = new VueRouter({
mode: 'history',
base: process.env.BAS
浏览 4提问于2021-12-10得票数 0
我有一个带有路由器链接的VueJS网站项目。在本地，一切都像预期的那样工作，但是当我构建它来托管路由链接时，它就不再工作了。(我尝试了两个不同的托管平台，所以问题肯定出在我的配置中。)
我已经读过一些类似的问题，并且都建议使用历史模式。我已经在使用它了，但它不起作用。
我的路由器index.js文件：
Vue.use(Router)
export default new Router({
linkActiveClass: 'active',
routes: configRoutes(),
mode: 'history',
})
fun
浏览 2提问于2021-03-22得票数 1
1回答
VueJS路由/导航问题
、、、
使用VueJS有困难(第一次使用它)
我在文档根目录中的index.html文件中有90%的页面模板
我有3个组件(每个组件包含每个“页面”的主要内容主体)
我的路由器：
export default new Router({
mode: 'history',
hash: false,
routes: [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/gallery'
浏览 0提问于2018-11-16得票数 0
回答已采纳
当我用vuejs刷新页面时，我会得到nginx错误，因为我使用的是连接-历史-api-回退，但不确定如何在vuejs中实现，我看到它在app.js中的使用与中间件服务器，我们如何在vuejs中使用一个独立的应用程序？
浏览 1提问于2020-06-23得票数 2
1回答
HelloWorld.vue
<template>
<div>
<b>Vuejs dynamic routing</b>
<div v-for="item in items" :key="item.id">
<b>{{ item.id }}.</b>
<router-link :to="{ name: 'UserWithID', params
浏览 6提问于2021-12-24得票数 1
1回答
我想为多页应用程序创建一个POC。我从一个基本的应用程序开始，通过做vue create poc
然后，我添加了第二个名为main.js的test.js，它的行与main.js相同。
// main.js
import Vue from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
Vue.config.prod
浏览 5提问于2022-04-01得票数 0
我有一个反应应用程序，使用反应路由器与oidc，它是运行在一个nginx container.It工作良好。然而，当它被另一个nginx容器代理时，react路由器似乎不起作用。在成功登录oidc之后，客户端应用程序进入无限重定向。
一开始，我遇到了这个问题，甚至在没有代理的情况下运行它。我通过将try_files添加到nginx配置来解决这个问题。
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
in
浏览 0提问于2019-07-13得票数 0
回答已采纳
1回答
我尝试在Vue应用程序中使用命名路由。完全相同的设置在其他Vue项目中完全可以正常工作。如果我单击指定的路由器链接，就会消失。如果我在浏览器中检查元素，则在部分应该所在的位置有一个空注释。控制台没有显示任何错误。
有没有人看到过类似的东西？
感谢你的每一次帮助！
代码：
index.js
import Vue from 'vue';
import Router from 'vue-router';
import Home from '@/components/views/home';
import AskQuestion from '@/
浏览 1提问于2018-03-06得票数 2
3回答
我在我的项目中添加了vue路由器，它可以很好地处理基本设置。但是我想去掉URL中的hashtag (#)。因此，在之后，我切换到历史模式。我很适合这个链接(<router-link to="/page/4">Open page</router-link>)，但是如果我试图直接访问这个页面(刷新)，服务器将返回404错误屏幕。
我使用nginx (docker的nginx:阿尔卑斯图像)，这是默认文件：
server {
root /var/www;
index index.html index.htm;
server_name
浏览 6提问于2018-01-28得票数 3
1回答
我有一个反应应用程序与下列路线：
example.com/ example.com/policy
当我尝试从我的iOS应用程序的WKWebView中访问WKWebView时，它正在呈现正确的主页。但是，当我试图访问example.com/policy时，nginx会在WKWebView中返回一个404错误。在所有移动/桌面浏览器中，所有页面似乎都正常工作。
access.log在普通浏览器中访问example.com/policy时：
[18/Aug/2018:17:10:06 +0000] "GET /js/main.js HTTP/1.1" 304 0 "h
浏览 2提问于2018-08-18得票数 1
1回答
目前我第一次使用vue路由器，我想知道是否有一种方法可以通过vue处理重定向，或者在node.js环境中是否有其他选项可以这样做。
例如，如果有人想通过键入URL访问我的站点
example.com/contact
他现在会
example.com/contact#/home
但我当然想重定向到正确的路径。
浏览 0提问于2018-04-13得票数 1
回答已采纳
我是用vue.js开发主题的新手，我想知道如何在从Vue.js路由器中删除hashbang和html5历史模式之后如何配置wordpress？
另一个问题是在这个设置上，我如何使用Vue.js来执行SSR？
我使用Vue.js作为主题，但是如果您知道React或类似前端框架的技术，也请分享它。
浏览 0提问于2016-07-07得票数 2
2回答
我正在读我的第一个Vue教程，有点卡住了。我有一个App.vue文件，我可以看到它正在加载浏览器检查器扩展名，一个路由器index.js文件，以及登录/注册表单。我可以看到默认的Hello组件。
我应该能够转到/login和/signup，但是组件不加载。没有控制台错误。我从哪里开始疑难解答？
App.Vue：
<template>
<div id="app">
<router-view/>
</div>
</template>
<script>
export default {
na
浏览 2提问于2018-04-15得票数 0
回答已采纳
我的问题 我已经通读了在Nginx后面将VueJS路由器设置为历史模式的official documentation，以及以下内容： Stackoverflow - vue-router, nginx and direct link Stackoverflow - How to config nginx for Vue-router on Docker 在查看了所有这些并多次进行更改后，我仍然无法提供到我的路由的直接链接并正确加载它们(也就是说，除了/之外，我得到了404 )。 我的环境 我正在创建一个nginx docker镜像(nginx:alpine)，并让它为静态VueJS文件提供服
浏览 11提问于2019-09-27得票数 5
回答已采纳
我正在使用标题中描述的堆栈，到目前为止，在我的dev环境中一切都很好。我曾经有码头集装箱，我的后端和我的前端与热重装用于开发。
但我现在正在准备Nginx的产品前环境。它很有效，我让Nginx为我建造的前端服务。
但是在我以前的环境中，我将Axios配置为直接指向请求的后端容器。因此，当我在浏览器中输入一个URL时，是Nginx记录请求并为我的Vue SPA服务。但是在那之后，Vue SPA直接向后端容器发出请求，而Nginx没有看到任何东西。
我想我应该让Axios指向Nginx服务器本身(因为在由Nginx容器提供服务的Vue SPA中使用了Axios )，位置类似于location /a
浏览 1提问于2022-04-30得票数 0
回答已采纳
2回答
我正在检查代码时，我在减速机上乱搞了一下。
import { combineReducers } from "redux"
import { connectRouter } from "connected-react-router"
const rootReducer = (history: any) =>
combineReducers({
router: connectRouter(history)
})
export default rootReducer
我不知道import { connectRouter } from "
浏览 0提问于2020-08-06得票数 1
回答已采纳
在下面的navigateToHome方法中，如何在一个对象($router)上使用数组的推送方法Array.prototype.push，其中$router是主要的路由器对象：
user.vue
<script>
export default {
data() {
return {
id: this.$route.params.id
}
},
methods: {
navigateToHome(){
浏览 1提问于2018-05-28得票数 0
回答已采纳
我使用了这个示例，但是使用了自己的组件：
$( document ).ready(function() {
const Home = { template: '<div id="login"><login-comp></login-comp></div>' };
const Foo = { template: '<div>Foo</div>' };
const router = new VueRouter({
mode: 'his
浏览 0提问于2018-04-02得票数 0
回答已采纳
1回答
我希望能够在Apache服务器上使用Reactive路由器提供一个React应用程序，而不必更改任何默认的Apache/NGINX吐露。问题是，只有当您访问根文件夹时，应用程序才会得到服务，因为任何子路径都会导致404 (app.com/ works，而不是app.com/设置)。
对于Apache服务器，我包含一个.htaccess文件，如果找不到所请求的资源，它将自动加载index.html。对于NGINX，据我所知，除非您更改配置文件，否则无法正确地将应用程序加载到子路径中。
我的解决方案是在应用程序中添加选项，将路由器路径存储为查询字符串，而不是在app.com/?page=setti
浏览 6提问于2022-11-22得票数 0
使用带有vue-路由器的路由器链接标记时，根据文档，“设置替换支柱将调用router.replace()而不是router.push()，这样导航就不会留下历史记录”。但这似乎并没有发生在我身上，所以我想我一定是误会了什么。我的SPA中有一个导航菜单，每个菜单项中的路由器链接都有一个替换支柱。然而，当我依次单击每个菜单项时，它显然会添加到历史记录中，因为后退按钮将我带回到以前的项目中，我实际上可以在Firefox历史记录中看到添加到的URL列表。我做错了什么？
浏览 5提问于2017-09-01得票数 2
回答已采纳
我在Docker上运行了nginx和php。当使用my (docker1.freekb.net)的主机名时，phpinfo.php页面将显示在浏览器中，因此我知道我的nginx和PHP配置正确，可以为phpinfo.php页面提供服务。这里是/etc/nginx/conf.d中的服务器块。端口80上的nginx请求将转发到端口9000上的PHP。
server {
listen 80;
server_name stage.freekb.net;
root /var/www/stage;
in
浏览 0提问于2021-11-21得票数 0
回答已采纳
1回答
我直接在Vue dev服务器上运行Vue 2。
我正在尝试从外部url进入一个vue路由(vue-路由器)。
<a href="http://localhost:8080/reset_password/{{ reset_email_token }}">Passwort zurücksetzen</a>
由于某些原因我不知道，vue路由器总是重定向我的请求，并处理它，就像它来自"/"，它自动重定向到"/login“。
我在这里发现了一个类似的问题()，但没有解决办法。
有没有人知道这个问题，并知道如何应用一个可能的解决方法？提前感谢
浏览 7提问于2022-06-15得票数 1
回答已采纳
在本地，应用程序工作正常。在ubuntu服务器上部署它时，此路由存在问题：
<Route path="/combination/:some_id" exact component={SomePage} />
我用的是BrowserRouter。
当单击某个链接时，地址栏中的url将更新为正确的链接，但我不会重定向到该页。当试图访问一个页面(即) )时，只能看到一个空白(白色)页面。。
我认为问题在于nginx配置，因为它在本地工作。和其他路由器工作(/联系-我们)
My /etc/nginx/sites可用/默认文件包含：
location / {
浏览 2提问于2020-08-07得票数 1
1回答
所以，我试着用主干制作一个示例应用程序，但是我不能让路由器工作，有什么想法吗？，谢谢。这是我的路由器
var Workspace = Backbone.Router.extend({
routes:{
"":"mainView",
"event":"event"
},
initialize: function(){
console.log('Hai');
//view = new MainView();
//this.render(
浏览 1提问于2016-05-11得票数 0
回答已采纳
2回答
我有一个vuejs应用程序，我在其中向后端发出rest api调用。我已经定义了路由器并导航了不同的组件。现在，当我导航时，我在浏览器URL中看到了路由路径的。我想要防止这种情况，这样无论我遍历什么路径，它都会始终显示。有没有办法在Vuejs或任何其他解决方案中做到这一点。感谢您的帮助！
谢谢，Rahul
浏览 0提问于2018-05-31得票数 2
我试图拦截Andriod应用程序和路由器界面之间的流量。我用的是一个有根的装置。
他们在6699端口上进行通信，我认为这对于nginx来说是典型的。
我尝试过设置Burp来捕获流量，但是它看到的只是应用程序远程发送/接收的数据(API调用到云)，而它在本地没有发送/接收任何数据(在路由器上对nginx的API调用)。
看起来Burp侦听器端口只捕获Android设备上端口80和443的流量。
我怎样才能设置打嗝捕捉从端口6699的流量？
浏览 0提问于2021-07-17得票数 0
2回答
我有/和/items/:name
我去/，然后是/items/iphone5，然后是/items/phone6
然后打电话给$router.go(-1)，告诉我/而不是/items/iphone5
怎么了？
更新：
beforeRouteUpdate (to, from, next) { this.toggleSideBar() next() }
这段代码可以工作，但是不知道为什么不添加历史，
然后我创造了解决问题的承诺
beforeRouteUpdate (to, from, next) { this.toggleSideBar().then(() =>
浏览 4提问于2017-10-15得票数 0
我想服务多个VueJS 3应用程序来自同一NGINX服务器，但来自不同的子文件夹。我偶然发现并尝试了来自堆栈和网络的无数资源，但是事情并没有走到一起。
我有三个应用程序和三个构建类型。
生产: mydomain.com/app1，mydomain.com/app2，mydomain.com/app3
分期:mydomain.com/暂存/app1，mydomain.com/暂存/app2，mydomain.com/暂存/app3
开发: mydomain.com/dev/app1，mydomain.com/dev/app2，mydomain.com/dev/app3
我尝试过修改vue.con
浏览 4提问于2021-12-02得票数 0
3回答
我在路由器文件中删除了具有历史模式的链接中的hashbang。现在，当我刷新一个页面时，我得到了404错误。
我试着跟踪
然后，我在firebase.json中添加了这个部分：
{
"hosting": {
"public": "dist",
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
然
浏览 4提问于2017-11-14得票数 12
1回答
我在一个使用VueJS的网站上工作，刚刚弄明白了如何做url参数，这在我的本地机器上工作得很好。我可以导航到一个页面，并将包含参数的完整链接复制到我的浏览器中，然后以相同的方式加载该页面。 例如:我输入localhost:8080加载索引站点，导航到localhost:8080/param1/param2转到另一个站点，一切正常。我甚至可以直接输入localhost:8080/param1/param2 (不需要先转到索引页面)，它也可以工作。 然而，在构建并上传到我的虚拟主机提供商后，我不能直接输入带有参数的url，它只在从索引页面导航时起作用。 我可以看到以下错误： 404 Error
浏览 10提问于2021-08-07得票数 0
回答已采纳
按照https://medium.com/@jasonrigden/how-to-host-a-static-website-with-nginx-8b2dd0c5b301的说明，我安装了python3-certbot-nginx，而不是python nginx。对吗？我得到了这个错误:在连接期间超时(可能是防火墙问题)。我的路由器上有端口转发到相应的计算机，端口80和8080，我有ufw显示nginx，nginx和nginx。有什么想法吗？
浏览 0提问于2022-01-14得票数 0
我知道这是一个非常基本的问题，但我仍然不能理解这个非常简单的问题。这就是了。
使用vuejs路由器，我试图路由到一个页面Custom.vue。
Custom.vue
<template>
<div>
<h1>Hello User</h1>
</div>
</template>
<script>
export default {
name: 'Custom'
}
</script>
在路由变量中，我配置了如下路径。
const routes = [
{ path:
浏览 0提问于2019-08-30得票数 0
1回答
因此，我在CentOS 7上使用Nginx运行一个Express.js/Passport.js web服务器。
问题是:我不能显示任何以w开头的端点。这样做会产生一条Cannot GET /wiki/Main_Page消息。但是，将相同的路径从例如/welcome更改为/selcome是很好的。
很可能是罪魁祸首：
我安装了Mediawiki，但不久之后就删除了它。IIRC有某种设置，它美化了URL，从域名后的/w开始。所以我猜重写规则会持续存在..。只是不知道在哪。
以下是我的配置文件：
/srv/node/example.com/app/routes/auth.js
module.expo
浏览 1提问于2020-04-04得票数 0
嗨，我一直在寻找一个简单的答案这个问题，但似乎找不到一个，我有空间表插件，为我的vue应用程序，它看起来像这样。
<table-component id="table1" :data="[
{ firstName: 'John', birthday: '04/10/1940', songs: 72 },
{ firstName: '
浏览 7提问于2017-06-26得票数 2
2回答
我正试图找出如何使用类型记录、预动作和预行路由器来构建web应用程序的前端部分。我已经取得了很大的进步，但我仍然需要弄清楚如何以编程的方式使用preact-路由器导航(重定向)。我可以做history.replaceState(null, null, '/#/redirectedUrl');，但是这会改变地址栏中的URL，preact-路由器不会路由到新的URL。
在使用preact路由器时，以编程方式导航的首选方法是什么？
浏览 4提问于2017-03-09得票数 10
回答已采纳
在我的laravel/Vue.js应用程序中，我使用vue路由器进行路径导航。我有一个Post组件，它包含一个博客的个人帖子，除了这样的帖子外，还有路由器链接标签：
<router-link v-bind:to="'/post/' + post.id">
<p class="post_body">{{ post.body | truncate(100) }} </p>
</router-link>
post.id来自从父组件Posts级联下来的道具。路由器-链接应该重定向到另一个组件，
浏览 0提问于2018-04-18得票数 1
回答已采纳
我可以使用什么类型的反应路由器的history.push使用流键入？
type State = {
...
history: string,
}
当登录成功时，我使用反应性路由器路由到路由。
history.push("/user");
但是出现了下面的错误，我没有在flow中找到类型
Cannot call `history.push` because property `push` is missing in `String` [1]. (References: [1])
浏览 0提问于2018-11-22得票数 3
回答已采纳
2回答
我有一个reactJs应用程序，它运行在一个有nginx的服务器上。问题是，当我尝试从HomePage("/")重定向到/UserPanel或/AdminPanel时，url会更改，但它会显示一个空页面，但是当我重新加载页面时，它就会正常工作。这个问题在我的本地主机中没有发生，但是它发生在生产构建中。
这是我的nginx配置：
listen 80 default_server;
listen [::]:80 default_server;
root /var/app/html;
index in
浏览 3提问于2021-01-31得票数 2
回答已采纳
我有一个默认的Vue.js CLI3应用程序，它使用webpack来根据需要延迟加载页面，这是这样做的：
{
path: "videos",
component: () => import("./../views/root/videos/VideosController"),
},
这在桌面上和在cordova dev模式下运行时都可以很好地工作(使用这个：)
不过，我遇到的问题是在为cordova ios产品构建时。在设备上，它加载第一个块，然后每次尝试加载另一个块(例如页面更改)时都会失败，并显示以下错误消息：
浏览 1提问于2019-12-28得票数 0
1回答
路由器不能正常工作。看上去像在工作
应用程序运行于：
：Local：
但是路由器似乎看不到组件(
我的路由器
import Vue from 'vue'
import VueRouter from 'vue-router'
import Web from '@/views/Web.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/web',
name: 'Web',
component: Web
},
{
p
浏览 4提问于2020-09-03得票数 0
1回答
我创建了一个使用Vue作为前端框架和CMS CosmisJS来管理内容的网站。我的网站主要使用Vue路由器、Vuex和Vue Meta，并且托管在Netlify上。
我的站点运行良好，您可以在不同的路由和信息加载之间导航，没有问题，但是，当我与一个路由共享一个链接(例如， )时，该页面就不会加载，并向我显示一个Netlify错误，上面写着"Page“，即使该路由存在，如果您从根路由导航，也可以访问该页面。
我不知道问题出在哪里。我认为这可能是与API调用的加载时间有关的错误，或者是Vue路由器配置中的一些错误，但我已经做了一些更改，问题仍然存在。
知道会是什么吗？
这里是我的Vue路由
浏览 3提问于2021-09-05得票数 0
回答已采纳
我正在尝试创建一个带有模式的路由，当你使用路由器链接访问此路由器时，路径在当前页面上方显示为模式，或者如果我直接从url访问，则会出现上面带有模式的索引。
例如:我在中，单击侧边栏Create team，url变为，但模式后面的页面仍然是。
这是我正在尝试的代码：
路由器：
Vue.component('modal', Modal);
export default new Router({
mode: 'history',
routes: [
{
path: '/',
浏览 4提问于2017-06-17得票数 9
回答已采纳
1回答
我有一个VueJS应用程序，我想部署，我目前运行npm run build来构建应用程序，但我希望这个应用程序在我的网站子目录。
我遇到的问题是在构建应用程序时，它创建了指向css和javascript文件的错误路径。
我尝试在root中使用babel.config.js，但是当我试图构建它(root is only allowed in root programmatic options)时，它给了我一个错误。
有人知道我该怎么解决这个问题吗？任何帮助都是非常感谢的！
浏览 2提问于2019-11-04得票数 1
回答已采纳
我正在开发一个VueJS单页应用程序，为了本地开发，我使用带有docker-compose.yml文件的Docker来处理用于for服务器的Nginx容器和用于资产编译的Node容器。
目前，在/configurator路由上有一个页面，其中根/路由应该重定向，对于Vue路由器，它工作得很好:访问/可以正确地重定向到/configurator。
刷新页面时会出现问题，因为Nginx无法处理请求，因为给定uri上没有合适的文件可供使用。
VueJS 文档将Nginx配置location部分设置为如下，以便将每个请求重定向到项目索引，从而让Vue路由器处理导航
location / {
try
浏览 0提问于2022-08-31得票数 1
我制作了一个VueJS应用程序，基本上是一个网站管理应用程序，允许使用不同的API显示/编辑数据。这个应用程序可以使用env变量(VUE_APP_XXX)定制:API的urls、标题、颜色主题等等。大约30个变量，但我肯定会在未来添加其他变量。
现在，我使用Gitlab CI部署我的应用程序，我有这个Dockerfile (为了澄清，我删除了大部分env变量)：
# build
FROM node:lts-alpine as build-stage
WORKDIR /app
ENV PATH /app/node_modules/.bin:$PATH
COPY package*.json ./
浏览 4提问于2021-05-05得票数 0
2回答
我有一个问题，这个问题似乎很简单，但现在不那么简单了(对我来说)：
我已经用vue-cli (路由器，VueX，PWA)建立了一个Vue项目.我一如既往地设置了一些路线(按照文档的建议)和VueX中的一些状态字段：
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/views/Home.vue'
import Login from '@/views/Login.vue'
import Logout from '@/com
浏览 4提问于2019-11-14得票数 2
我试图理解BrowserRouter和react-router-dom (v5)包的Router之间的区别，以及它对下面的示例有什么不同。
文件上说：
BrowserRouter A，它使用HTML5历史API (pushState、replaceState和popstate事件)使UI与URL保持同步。
来源：
路由器，所有路由器组件的公共低层接口.通常，应用程序将使用高级路由器之一: BrowserRouter、HashRouter、MemoryRouter、NativeRouter、StaticRouter。
来源：
据我所知，我应该在我的HTML5浏览器应用程序中使用H
浏览 0提问于2019-06-21得票数 64
1回答
我使用npx create-nuxt-app xxx创建了一个演示，发现在ie9下启动时，它会无限刷新。我没有改变任何配置。
我找了很多文档，我想是因为路由器的history模式。因为当我更新到fallback: true时，它会无限地停止刷新。
浏览 1提问于2022-07-15得票数 2
回答已采纳
4回答
我在历史模式下使用Vue路由器。单击当前页面上的按钮，我将其路由到下一页。在第二页，当我重新加载时，我得到了404。有没有办法在Vue中处理这个问题并将其重定向到主页。
export default new Router({
mode: "history",
routes: [
{
path: "/",
name: "first",
component: First
},
{
path: "/abc",
name: "abc"
浏览 2提问于2018-08-01得票数 1
什么是反应路由器v1.0中的Router.create (ReactiveRouterv0.13)？
var router = Router.create({
routes: routes,
location: null // Router.HistoryLocation
});
我想为在DOM之外使用的路由器创建一个引用。
router.transitionTo('app');
上面的代码片段是v0.13中的代码片段。想知道是否有人知道如何在react路由器1.0中编写它们。
我已经看过了function路由器的文档，并找到了函数。我不知道怎么用它。请帮帮我。
浏览 0提问于2015-11-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
