Vue-router 如何使用 npm serve 实现网址转向的方法

我是使用 PhpStorm 预设的 Vue 专案开始设计,最近开始学习使用 Vue-Router 也顺利,但当页面「重新整理」就会显示「Cannot GET /xxxx」,上网研究发现问题在于网址要设定转向到「index.html」。但上网找了很久就没有研究教学,所以想在此请教一下。

npm server 其中提到「 To customize serve 's behavior, create a serve.json file in the public folder and insert any of these properties.」

然后我在专案的根目录、src、public 下都建立了一个 serve.json,内容都是以下,但依然没有反应。
{
“rewrites”: [
{ “source”: “/**”, “destination”: “/index.html” }
]
}

我的专案目录:

  • dist
  • node_modules
  • public
  • src
  • babel.config.js
  • jsconfig.json
  • package.json
  • vue.config.js
1 Like