Vue App 的 Express Server 路由配置

Question

我想使用 Express 服务器（在生产环境中）为我的 Vue 应用程序提供服务。我认为我当前的配置有问题（缺少？），因为它没有像应有的那样运行应用程序。

这是我的配置：

simple-tasks-organizer-frontend/package.json

{
   "scripts": {
    "start-dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start-prod": "node server.js"
  },
}

simple-tasks-organizer-frontend/server.js

const history = require('connect-history-api-fallback');
var express = require('express');

var PORT = 8080;
var app = express();
app.use(history());
app.listen(PORT);

simple-tasks-organizer-frontend/src/router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import Signin from '@/components/Signin.vue'
import Signup from '@/components/Signup.vue'
import Records from '@/components/tasks/Tasks.vue'
import Automations from '@/components/automations/Automations.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/tasks',
      name: 'Tasks',
      component: Records
    },
    {
      path: '/automations',
      name: 'Automations',
      component: Automations
    },
    {
      path: '/',
      name: 'Signin',
      component: Signin
    },
    {
      path: '/signup',
      name: 'Signup',
      component: Signup
    }
  ]
})

当我输入 http://localhost:8080/ 时，我收到以下错误消息：Cannot GET /。

希望大家能帮我解决这个问题！

提前致谢！

Answer 1

事实上，您不必使用 express 服务器为您的 Vue 应用程序提供服务。

Vue 路由与 Express.js 路由无关。

Vue 应用，一旦构建就可以部署到任何静态服务器（apache、nginx、S3 等）

如果您正在寻找具有服务器端渲染的一体化解决方案，您应该考虑使用nuxt.js

如果您仍需要使用 express 服务您的应用，请查看express-serve-static-core。请记住，express 应该为您构建的应用版本提供服务。