Four major military campaigns were launched by the Mongol Empire, and later the Yuan dynasty, against the kingdom of Đại Việt (modern-day northern Vietnam) ruled by the Trần dynasty and the kingdom of Champa (modern-day central Vietnam) in 1258, 1282–1284, 1285, and 1287–88. The first invasion began in 1258 under the united Mongol Empire, as it looked for alternative paths to invade the Song dynasty. The Mongol general Uriyangkhadai was successful in capturing the Vietnamese capital Thang Long (modern-day Hanoi) before turning north in 1259 to invade the Song dynasty in modern-day Guangxi as part of a coordinated Mongol attack with armies attacking in Sichuan under Möngke Khan and other Mongol armies attacking in modern-day Shandong and Henan.^[163] The first invasion also established tributary relations between the Vietnamese kingdom, formerly a Song dynasty tributary state, and the Yuan dynasty. In 1282, Kublai Khan and the Yuan dynasty launched a naval invasion of Champa that also resulted in the establishment of tributary relations.

Intending to demand greater tribute and direct Yuan oversight of local affairs in Đại Việt and Champa, the Yuan launched another invasion in 1285. The second invasion of Đại Việt failed to accomplish its goals, and the Yuan launched a third invasion in 1287 with the intent of replacing the uncooperative Đại Việt ruler Trần Nhân Tông with the defected Trần prince Trần Ích Tắc. The key to Annam's successes was to avoid the Mongols' strength in open field battles and city sieges—the Trần court abandoned the capital and the cities. The Mongols were then countered decisively at their weak points, which were battles in swampy areas such as Chương Dương, Hàm Tử, Vạn Kiếp and on rivers such as Vân Đồn and Bạch Đằng. The Mongols also suffered from tropical diseases and loss of supplies to Trần army's raids. The Yuan-Trần war reached its climax when the retreating Yuan fleet was decimated at the Battle of Bạch Đằng (1288). The military architect behind Annam's victories was Commander Trần Quốc Tuấn, more popularly known as Trần Hưng Đạo. By the end of the second and third invasions, which involved both initial successes and eventual major defeats for the Mongols, both Đại Việt and Champa decided to accept the nominal supremacy of the Yuan dynasty and became tributary states to avoid further conflict.^[164]