一、 项目运行问题
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按钮