fish项目运行方法

一、 项目运行问题

1. 下载依赖

  • 查看自己的node版本,因为普遍fish的项目都比较老
  • 查看报错依赖在npmjs官网中是否存在,如果不存在,那么你就要看一下是否需要在npm install 中增加镜像地址来下载依赖
  • 查看项目中是否存在node_modules压缩包(我这次遇到过的),如果存在的话就直接解压到当前文件夹就可以使用了

2. 查看本地是否全局下载了fish-cli

查看 fish -v​ ​在这里插入图片描述
下载
$ npm i -g @ngweb/fish-cli

3. 查看package.json文件

查看文件中scripts里面,是否存在运行fish项目的脚本命令,
有的话,直接运行这个脚本命令
如果没有的话,请看 4.启动项目

4. 启动项目

fish serve -w 或 s -w
启动服务,默认端口是 8088,访问地址 http://localhost:8088

fish s -w热启动服务后:

  • LESS/{proName}-proj/{proName}-proj-all.less会自动编译至styles/css/目录下,生成一份styles/css/{proName}-proj-all.css和一份styles/css/{proName}-proj-all.min.css
  • LESS/{proName}/fish.less会自动编译更新frm/fish-desktop/css/fish-desktop-{proName}.css文件

fish serve -w 模式下 会自动生成上面 2 个文件(无需在fish.config.js 中额外配置)

fish crm -w
该命令与 fish serve 功能基本相同。唯一的区别是:用该命令热启动服务后,所有文件只会在启动时编译一次。此后有任何修改,只会导致页面的热更新,但文件不再进行编译。

5. 允许跨域

如果想要允许启动 的服务被跨域请求,则可以在启动服务时在末尾添加 --cors 参数来控制,命令如下:

fish s --cors 或 fish s -w --cors

使用以上命令后,会自动在启动时给服务端添加跨域头

6. 跨域的时候需要查看 fish.config.js 文件

通过配置proxy来跨域到服务器段中

二、页面打开问题

fish项目是通过index.html页面来打开的,所以如果当前项目中没有index.html文件的话,页面会出现空白,误以为是页面打开失败

如果项目中没有index.html页面,你可以手动添加一个index.html页面,里面的内容,可以是main.html或者login.html的内容

打开中时,如果是之前的老项目,需要和之前的前端人员确认一下,这个项目是否存在鉴权的行为,如果存在的话,那么index.html的内容必须是login.html的内容,需要先登录一下才能正确的请求到接口内容

三、这次我修改的问题

登录之后,需要请求接口,通过接口返回给我的数据来判断是否显示某个菜单数据和用户信息和sign out和 profile按钮

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值