[Nodejs] Express, Vue + (героку)

Давайте развернем Express-сервер, включая vuejs.

dev-среда: vue-cli 3 beta.2, экспресс 4.16.0

Каталог

- приложение

…. | - экспресс-приложение

…. | - vue-app

Установить

использовать экспресс-генератор (http://expressjs.com/ru/starter/generator.html)

2. используйте vue-cli (https://github.com/vuejs/vue-cli/blob/dev/docs/cli.md#installation)

Есть 2 варианта.

Вы выбираете вариант по умолчанию, будет простой dev-env, включая bable, eslint.

Если вы выберете вариант вручную, вы выберете что-то вроде удара.

перейти в vue-app

типа «подача пряжи»

введите «localhost: 8080»

Это еще не конец.

Вам нужен режим истории vue-router?

приложение / vue-приложение / SRC / router.js

import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home.vue";
import About from "./views/About.vue";
Vue.use(Router);

export default new Router({
  mode: "history",               <-- add this
  routes: [
    {
      path: "/",
      name: "home",
      component: Home
    },
    {
      path: "/about",
      name: "about",
      component: About
    }
  ]
});

~ / app / express-app ›npm install - save-history-api-fallback

приложение / экспресс-приложение / app.js

var index = require('./routes/index');
var users = require('./routes/users');
var app = express();
app.use(require('connect-history-api-fallback')())  <-- add this
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

Завершить настройку режима истории маршрутизатора.

Нам нужно создать vue-app.

Express будет использовать файлы сборки vue-app.