nuxt2 + element dashboard

Docs

For detailed explanation on how things work, checkout the Nuxt.js docs.

Script

# install dependencies
$ yarn

# serve with hot reload at localhost:3000
# using mock api to develop
$ yarn mock

# using mock api to develop which doesn't need login
$ yarn mock:nologin

# using backend api to develop
$ yarn dev

# build for production
$ yarn build

环境变量

使用.env设置环境变量, 即在项目根目录新建一个.env文件, 填写环境变量即可。

.env文件示例:

# 左边是变量名(一般大写，下划线分割单词)，右边是变量值 
# 注意=号两边不能有空格
TESTING_VAR=just-fot-testing
ANOTHER_VAR=another

可以在项目的vue文件或js文件中读取

mounted() {
  console.log(process.env.TESTING_VAR) // 输出 just-fot-testing
}

工程自带的环境变量

# axios的baseURL，可不传。不传时，则使用相对路径发送请求
API_SERVER=
# 对应webpack的publicPath，一定要/结尾
PUBLIC_PATH=
# 传1则不会有登录拦截
NO_LOGIN=

构建

构建默认生成的是hash路由模式的spa

命令如下:

yarn build

构建必传的环境变量有:

PUBLIC_PATH=