Vue.js 如何在chrome扩展上允许从浏览器直接访问SPA中包含的“页面”?

Vue.js 如何在chrome扩展上允许从浏览器直接访问SPA中包含的“页面”?,vue.js,google-chrome-extension,vuejs2,single-page-application,vue-router,Vue.js,Google Chrome Extension,Vuejs2,Single Page Application,Vue Router,我一直在使用vue 3、vue路由器和vue-x开发chrome扩展 扩展是一个单页应用程序,因此,如果我理解正确,这意味着所有传入的流量都应该通过根页面,然后vue router处理呈现,同时给用户一种印象,即他更改了页面,而实际上他没有。 根据vue路由器的这一部分,您通常需要一些服务器端的东西来确保始终为您的根页面提供服务(nginx、apache等) 我需要为我的chrome扩展重现这种行为,我尝试过使用manifest.json,但迄今为止没有成功。当我试图访问我的另一个页面时,出现了

我一直在使用vue 3、vue路由器和vue-x开发chrome扩展

扩展是一个
单页应用程序
,因此,如果我理解正确,这意味着所有传入的流量都应该通过根页面,然后vue router处理呈现,同时给用户一种印象,即他更改了页面,而实际上他没有。 根据vue路由器的这一部分,您通常需要一些服务器端的东西来确保始终为您的根页面提供服务(nginx、apache等)

我需要为我的chrome扩展重现这种行为,我尝试过使用
manifest.json
,但迄今为止没有成功。当我试图访问我的另一个页面时,出现了一个
文件未找到
错误。如果我要创建一个
other page.html
,它会呈现,但不再是
SPA
。我可以尝试在另一个页面中添加一些黑客JS,但我想知道是否有更优雅的方法来处理这个问题


tl;dr:如何允许从浏览器直接访问chrome扩展上SPA中包含的
页面。

扩展实际上没有服务器。在散列模式下使用路由器。它确实在散列模式下工作。我可能会放弃它,使用散列导航。谢谢@wOxxOm@wOxxOm,您是否介意发布带有一些细节的答案,以便我可以验证它?如果您自己发布带有实际代码相关片段的答案,会更有用。