egg 调用html文件,egg怎么引入vue

egg怎么引入vue

egg.js与vue结合使用 ， 可以通过脚手架 easywebpack-cli来实现。

1、全局安装easywebpack-clinpm install easywebpack-cli -g

2、项目初始化easy init

选择项目配置：(相关课程推荐：Vue.js教程)

配置1：此处选择的是第四个: create server side render project boiloerplate for Egg + Vue...

配置2：create ... egg + vue single page ... 输入 1，然后按 enter

另外几个中还有一个是multie page

配置3：projectname / project description / ...

3、执行完第2步，根据官网提示，进入项目文件夹后直接执行 easy start 或者 node index.js会报错。

错误1 解决办法：// ${app_root}/config/config.local.js 补充添加如下代码：

const EasyWebpack = require('easywebpack-vue');

module.exports = app => {

...

// 本地开发时，读取 Webpack 配置

exports.webpack = {

webpackConfigList: EasyWebpack.getWebpackConfig()

};

...

return exports;

}

运行项目 node index.js

http://127.0.0.1:7001

常见错误：

解决办法： 执行npm install --registry https://registry.npm.taobao.org，类似错误差不多都可以使用。

本文来自Vue.js答疑栏目，欢迎学习！