福建水师从上海造船厂购买的两艘定远级铁甲舰立即遭到了法国舰队的集火射击。福建水师仓促应战，被打得几无还手之力。
可恨的是，铁甲舰携带弹药不足，装备年久失修，缺乏充足经费进行保养维护，战时状态极差，被轰击数百发炮弹，管带眼见弹药用尽，下令开足马力，企图撞击敌舰。终被穿甲炮弹击破底部，进水沉没。
其余各舰奋力还击，终因机动能力不足，弹药匮乏，落入下风。海战不到半小时，水师官兵殉国者七百六十人，战船损失二十五艘。
消息传到韩林军机处，韩林电令广东水师回援。向军机处申请调动南洋水师被奕譞果断拒绝。韩林气得直骂王八蛋。这个国家的掌权者都不爱自己的国家。
韩林开始动用东海舰队，命令邓世昌出动主力舰船，追击法军，誓要全歼法军。
法国舰队司令孤拔早就对东海舰队有所耳闻，早先的海战传闻，韩林舰队有那种从天而降巨大威力的炮弹。攻打基隆时终于领教了一次。这次全歼福建水师，不抓紧跑路难道还等着韩林过来吗？
孤拔下令无须打扫战场、放弃救援落水水兵，全部舰队立刻开赴南海。大量福建水师的英勇将士痛苦得在海里拼命向岸边游去，许多人力竭而死。
邓世昌率领舰队赶到，法国舰队早已逃之夭夭。邓世昌派出快艇追击寻觅踪迹，一无所获。
东海舰队积极组织渔民协助打捞水兵尸体。水兵被冲散者甚众，漂泊数十里。打捞七八日方止。
韩林命令冯子材各部，大军集结于河内周边。冯子材回电，各部弹药匮乏，已是强弩之末，强攻河内恐战损巨大。韩林回电，各部必须听令行事，违令者斩！
无奈，冯子材率大军在河内北部布阵，并派出一部严守关隘，以防溃退时不至于后路被断。黑旗军也全部动员，在河内东面集结。法军15万人，严阵以待，城墙巨炮森然，丝毫不惧清军两万之众。
次日，冯子材依韩林指令，正欲十点准时发起攻击。突然海面射来一发带着超长火焰的巨型炮弹，射进河内城中。一声巨响，大地都在颤抖，城中的军事堡垒被炸飞十几座。
城外列阵的法军忍不住回头看，清军此刻也忘了攻击。接着第二发，第三发，顺道攻击城外法军。埋伏在两翼山脉的法军被命中一发后，当即溃逃。
两艘022导弹艇奉命一口气打完16发鹰击83导弹。冯子材眼见导弹停了下来，立刻吹起号角，清军士气大振，骑兵纵马前出包抄，步兵结阵压上。冯子材挥舞着大刀带头冲锋。
漫山遍野地法国溃兵，急切的扔掉自己的背包、子弹袋，实在太耽误跑路了。清军骑兵手持长刀，不断地收割着人头。步兵随后端着刺刀，插进法军的身体里。压抑许久的清军此刻总算扬眉吐气一把。
补给船立刻对导弹艇进行补充。再次对着河内进行第二轮的城市洗地。法军领导早已逃的一干二净。
冯子材率军漫山得抓俘虏，黑旗军继续追击溃军五十余里。直至天黑，方才想到要进城了。
此战韩林本着不过了的原则，使用大量导弹攻击法军，实在是因为近代舰船主炮射程太近了，根本打不到近100公里的河内。此战也是为了以战促和，毕竟以清军的实力，打败法国基本是不可能的。