我是使用特定 ID 从目标组件重定向到目标详细信息组件，所以我的问题是当我刷新页面时出现错误 javascript Uncaught SyntaxError: Unexpected token '<' app.js:1 。
点击浏览器的后退按钮或重定向到另一个页面后，设计又回来了
我不知道发生了什么，但我的所有其他页面都工作正常。
index.html
<head>
<meta name="author" content="Nile-Theme">
<meta name="robots" content="index follow">
<meta name="googlebot" content="index follow">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700|Tajawal:400,500,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./build/css/flaticon.css">
<link rel="stylesheet" href="./build/css/all.css">
<link rel="stylesheet" href="./build/css/app.css">
<link rel="stylesheet" href="./build/css/style.css">
<!-- main dashboard -->
<link rel="stylesheet" href="./build/css/now-ui-dashboard.css') }}">
<!-- Nprogress -->
<link href="https://unpkg.com/nprogress@0.2.0/nprogress.css" rel="stylesheet" />
<script src="https://unpkg.com/nprogress@0.2.0/nprogress.js"></script>
</head>
<body >
<noscript>
<strong>We're sorry but full-hunt doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<!-- js file -->
<script type="text/JavaScript" src="./build/js/app.js"></script>
</body>
目标.js
<template>
<div class="page-output">
<div class="container">
<h1>Target page</h1>
<li class="clearfix" v-for="domain in domains" :key="domain.domain_id">{{ domain.domain }}
<router-link class="more"
:to="{
name: 'target-details',
params: {
id: domain.domain_id
}
}" >Target details <i class="fa fa-angle-right"></i>
</router-link>
</li>
</div>
</div>
</template>
目标详细信息.js
<template>
<div>
<div class="page-output">
<div class="container">
<div class="target-title">
<router-link class="right" to="/targets"><i class="fa fa-angle-left"></i> {{ geNameDomainById(id) }} domain</router-link>
<a href="#" class="left"><i class="fa fa-cog"></i> Domain settings</a>
</div>
</div>
</div>
</template>
路由器.js
{
path: '/targets',
name: 'target',
component: () =>
import ( /* webpackChunkName: "target" */ '@/views/admin/Target.vue'),
meta: {
middleware: [
auth
],
title: "Targets"
},
},
{
path: '/targets/:id/details',
name: 'target-details',
component: () =>
import ( /* webpackChunkName: "target" */ '@/views/admin/TargetDetails.vue'),
meta: {
middleware: [
auth
],
title: "TargetDetails"
}
},
最佳答案
对所有 JavaScript 和样式表使用绝对路径。
例如。 <script type="text/javascript" src="/build/js/app.js"></script>
您还有额外的}} now-ui-dashboard.css 中的字符链接标签。
关于javascript - vue-router 为什么当我刷新一个 URL 包含 id 的页面时，我会丢失页面的所有设计，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59655141/