catchAdmin-vue问题汇总

启动项目报错

解决方案

• 在使用前端项目之前，你需要安装前端管理器，推荐使用yarn管理器，这里使用淘宝镜像。

yarn config set registry https://registry.npm.taobao.org/

• 进入目录,使用 yarn 安装

yarn install

启动项目

npm run dev

运行成功

F:\Project\WEB\catchAdmin\catch-admin-vue>npm run dev

> vue-element-admin@4.4.0 dev F:\Project\WEB\catchAdmin\catch-admin-vue
> vue-cli-service serve

 INFO  Starting development server...
98% after emitting CopyPlugin

 DONE  Compiled successfully in 17523ms                                                                                                           9:31:37


  App running at:
 - Local:   http://localhost:9527/
 - Network: http://192.168.1.13:9527/ 

  Note that the development build is not optimized.
  To create a production build, run npm run build.

图片上传无法显示问题

原因：后端接口返回图片IP地址错误

解决方案

修改app应用地址—后端解决

• 如果是本地开发，修改根目录下 .evn 文件

[APP]
DEFAULT_TIMEZONE = Asia/Shanghai
DOMAIN = http://192.168.1.12:8000 //修改本机IP地址

• 如果是远程开发，修改根目录下的 confid/app.php 文件

  // 应用地址
    'app_host'         => Env::get('app.host', ''),//参数2配置：服务器IP地址

前端日期格式错误

原因：日期格式未格式化

解决方案

新增 value-format="yyyy-MM-dd"

<el-date-picker
  v-model="levelsData.effective_date"
  type="date"
  value-format="yyyy-MM-dd"
/>