在浏览器地址栏中直接访问某路由

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

一个问题很有意思。

我的Vue应用中，可以在页面中通过点击<router-link>...</router-link>生成的URI访问一个页面，形如：http://localhost:8080/books/00666.html。

这个路由的配置是：

{
      path: '/books/:id.html',
      name: 'BookDetail',
      component: BookDetail,
      props: true,
    }

于是，我直接在浏览器的URI中修改00666为00777，结果出现：

Cannot get /books/00777.html

调试器显示错误是：Content Security Policy: 页面设置阻止读取位于self的一项资源（"default-src http://localhost:8080"）。Source: ; (function installGlobalHook(window) {...

想请教一下各位如何做到直接修改URI中的参数而直接跳转。