Node.js Vue网站返回“;无法获取/path";在除索引外的所有页面上
我正在Node.js上使用Vue在AWS EC2实例上托管我的网站。我没有index node.js文件,只有vue路由器文件。我使用AWS CloudFront将我的证书绑定到我的流量。问题是,每次我通过服务器的链接访问该站点时,该站点都能正常工作,但每当我通过云前端链接访问该站点时,只会显示该站点的索引。没有/关于或/联系;相反,它返回时不能走动 我的路由器:Node.js Vue网站返回“;无法获取/path";在除索引外的所有页面上,node.js,vue.js,amazon-ec2,amazon-cloudfront,vue-router,Node.js,Vue.js,Amazon Ec2,Amazon Cloudfront,Vue Router,我正在Node.js上使用Vue在AWS EC2实例上托管我的网站。我没有index node.js文件,只有vue路由器文件。我使用AWS CloudFront将我的证书绑定到我的流量。问题是,每次我通过服务器的链接访问该站点时,该站点都能正常工作,但每当我通过云前端链接访问该站点时,只会显示该站点的索引。没有/关于或/联系;相反,它返回时不能走动 我的路由器: import Vue from 'vue'; import Router from 'vue-router'; import Vue
import Vue from 'vue';
import Router from 'vue-router';
import VueCookies from 'vue-cookies';
import Home from './views/Home.vue';
import NotFound from './views/NotFound.vue';
Vue.use(Router);
Vue.use(VueCookies);
VueCookies.config('7d');
VueCookies.set('theme', 'default');
VueCookies.set('unique', Date.now());
VueCookies.set('rwapi-uuid', `v3-${Date.now()}-x9k0`)
export default new Router({
mode: 'history',
routes: [
{ path: '/', name: 'INDEX', component: Home },
{ path: '/about/', name: 'ABOUT', component() { return import('./views/About.vue'); } },
{ path: '/portfolio', name: 'PORTFOLIO', component() { return import('./views/Port.vue'); } },
{ path: '/contact', name: 'CONTACT', component() { return import('./views/Contact.vue'); } },
{ path: '/login', name: 'LOGIN', component() { return import('./views/Login.vue'); } },
{ path: '/404', component: NotFound },
{ path: '*', redirect: '/404' },
],
});
我已经尝试将historyApiFallback:true
添加到我的网页配置中,但没有效果。根据的文档,在history
模式下使用路由器时,您的Web服务器需要
我不知道EC2实例是如何工作的,但如果没有Web服务器将所有请求代理到
index.html
,Vue router将无法处理其他请求。谢谢,我将尝试使用node来重定向请求。