在vue js路由器中在导航栏中查找链接的问题

Question

启动生产服务器时，出现以下错误：

“ _ omappvp” cookie将很快被拒绝，因为“ sameSite”属性设置为“ none”或无效值，而没有“ secure”属性。有关“ sameSite”属性的更多信息，请参见https://developer.mozilla.org/docs/Web/HTTP/Cookies

也按一下我的关于菜单中的项目，但一切正常，但是如果我在地址栏中写www.miosito.it/about给我找不到错误404页面

路由器配置文件是：

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from './views/Home.vue'
import Admin from './views/Admin.vue'
import Notfound from "./components/404.vue";
import Overview from "./views/Overview.vue";
import Profile from "./views/Overview.vue";
import Products from "./views/Products.vue";
import  Orders from "./views/Overview.vue";

import  Preload from "./components/Preload2.vue";

//import  About from "./components/unity.vue";

//import Products from "./views/Products.vue";
import {fb} from './firebase'

Vue.use(VueRouter)
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes:
   [
  {
    path: '/',
    name: 'Home',
    component: Home
  },

  {
    path: '*',
    name: 'Notfound',
    component: Notfound
  },

  {
    path: '/preload',
    name: 'Preload',
    component: Preload
  },


  {
    path: '/admin',
    name: 'admin',
    component: Admin,
    meta: { requiresAuth: true },
    children:[
      {
        path: "overview",
        name: "overview",
        component: Overview
      },

      {
        path: "Products",
        name: "Products",
        component: Products
      },

      {
        path: "profile",
        name: "profile",
        component: Profile
      },
   
      {
        path: "orders",
        name: "orders",
        component: Orders
      },

     
      
    ]


  },
 

  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
  },

  {
    path: '/lavori',
    name: 'Lavori',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ './views/Lavori.vue')
  }
  

]


})

router.beforeEach((to, from, next) => {

  const requiresAuth = to.matched.some(x => x.meta.requiresAuth)
  const currentUser = fb.auth().currentUser

  if (requiresAuth && !currentUser) {
      next('/')
  } else if (requiresAuth && currentUser) {
      next()
  } else {
      next()
  }
})

export default router

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

在导航栏引导程序中，我以这种方式称呼链接

  <li class="nav-item">
              <router-link to="/about" class="nav-link" href="#">About</router-link>
            </li>

我的网站空间在以下服务器“ 000webhost”上

www.000webhost.com

我应该怎么做才能在栏中写地址并解决错误？本地主机可以执行所有操作，并且不会检测到错误。在此先感谢

Answer 1

我安装的软件包的版本如下：

{
  "name": "vue-shop",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@babylonjs/core": "^4.1.0",
    "@babylonjs/loaders": "^4.1.0",
    "@hapi/cryptiles": "^5.0.0",
    "babel-core": "^6.26.3",
    "bootstrap": "^4.4.1",
    "bootstrap-vue": "^2.13.0",
    "core-js": "^3.6.4",
    "firebase": "^7.14.2",
    "jquery": "^3.4.1",
    "materialize-css": "^1.0.0-rc.2",
    "node-ipc": "^9.1.1",
    "parse5": "^2.1.0",
    "popper.js": "^1.16.1",
    "run": "^1.4.0",
    "serve": "^11.3.0",
    "vue": "^2.6.11",
    "vue-babylonjs": "^1.0.0-beta.7",
    "vue-fire": "^0.1.0",
    "vue-router": "^3.1.6",
    "vue-simple-alert": "^1.1.1",
    "vue-unity-webgl": "^1.2.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.3.0",
    "@vue/cli-plugin-eslint": "~4.3.0",
    "@vue/cli-plugin-router": "~4.3.0",
    "@vue/cli-service": "~4.3.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "sass": "^1.26.3",
    "sass-loader": "^8.0.2",
    "vue-template-compiler": "^2.6.11"
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>

我安装的软件包的版本如下：

您知道如何解决问题吗？非常感谢