Vue.js 部署问题w/Vue-cli3和静态站点
vue和am的新功能是使用vue-cli3为auth0构建一个简单的身份验证应用程序。我的router.js模块是:Vue.js 部署问题w/Vue-cli3和静态站点,vue.js,web-deployment,vue-router,vue-cli-3,Vue.js,Web Deployment,Vue Router,Vue Cli 3,vue和am的新功能是使用vue-cli3为auth0构建一个简单的身份验证应用程序。我的router.js模块是: import Vue from "vue"; import Router from "vue-router"; import Home from "./views/Home.vue"; import Callback from "./views/Callback.vue"; Vue.use(Router); const router = new Router({ mode
import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home.vue";
import Callback from "./views/Callback.vue";
Vue.use(Router);
const router = new Router({
mode: "history",
routes: [
{
path: "/",
name: "home",
component: Home
},
{
path: "/callback",
name: "callback",
component: Callback
}
]
});
// very basic "setup" of a global guard
router.beforeEach((to, from, next) => {
// check if "to"-route is "callback" and allow access
if (to.name == "callback") {
next();
} else if (router.app.$auth.isAuthenticated()) {
// if authenticated allow access
next();
} else {
// trigger auth0 login if not been authenticated before.
// router.app refers to the root Vue instance the router was injected into
router.app.$auth.login();
}
});
export default router;
我希望当auth0回调到auth-plugin.surge.sh/callback时,我应该通过vue路由器重定向到回调组件。相反,我得到了一个404错误的/callback页面。
webpack开发服务器按预期工作。使用serve npm包时也会发生相同的错误。阅读该文档可以很直观地看出,部署到surge.sh不需要任何特殊措施。我用谷歌搜索了这个网站,但没有找到任何解决我问题的方法。非常感谢您的帮助。好的,您需要一个200.html文件,如Sweep网站上所述,作为使用vue路由器时服务器的一个全覆盖路由。若有人有使用-s选项的经验,我很想知道你们是如何让它工作的。希望这在部署SPA时对其他人有所帮助。
在部署SPA的“我发现”时,对服务器配置进行了一次很好的总结,结果证明,在使用vue路由器时,您需要一个200.html文件,如Sweep网站上所述,作为服务器的“一网打尽”路由。若有人有使用-s选项的经验,我很想知道你们是如何让它工作的。希望这在部署SPA时对其他人有所帮助。
在部署SPA时,我发现了一篇关于服务器配置的好文章我无意中发现了这一点,我想知道您是否能做到这一点?我添加了200.html的catch all页面,但当我的应用程序在登录后进入回调路径时,它只返回200 html页面。需要在浪涌侧进行任何额外的配置吗?是的,我在sweep.sh上进行了配置。参见上面的链接了解工作示例。如果你想查看来源,我的回购协议是在。我无意中发现了这一点,我想知道你是否能做到这一点?我添加了200.html的catch all页面,但当我的应用程序在登录后进入回调路径时,它只返回200 html页面。需要在浪涌侧进行任何额外的配置吗?是的,我在sweep.sh上进行了配置。参见上面的链接了解工作示例。如果你想查看来源,我的回购协议在。