#在vue-element-admin中,package.json怎么设置命令,vue项目运行的时候,通过命令一个运行本地mock,一个运行服务器域名端口?vue.config.js
文件需要配置东西吗?
加个script指令
以上配置的项目我们可以通过npm run serve来运行我们的web工程(这里是起了一个本地服务),并可以在浏览器访问该服务。如果我们项目不只有一个web服务,我们还需要一个mock接口模拟服务(用来模拟后端接口返回数据),我们可以做如下配置:
// package.json,concurrently(同时)
"scripts": {
"serve": "concurrently \"npm:mock\" \"vue-cli-service serve\"" // 使用concurrently解决方案,这里需要注意转义符的使用
"mock": "cd mock && ts-node-dev mock-server.ts"
}
当我们运行npm run serve的时候两个服务都会在同一个Terminal中运行,并且只需要在当前Terminal通过一次Ctrl+C就能结束两个服务。这就是并行前端工程。其中Concurrently是一个需要额外安装的插件
npm install concurrently --save
使用 npm run 命令运行脚本时,可以通过在命令后面添加 -- 和参数来传递参数
npm run -- 是要运行的脚本命令的名称, 是要传递的参数。