前端调用后端接口，返回200，但是数据返回的是html标签
这是一个前后端分离的项目，后端已经完成，后端在本地上，自动创建了数据库，前端为了完成一个注册功能，去调用后端的/registerUser接口，当输入用户名和密码的时候，我也查过csdn上其他博主的回答，但是并不能很清除的去解决我的问题，这边的bug是返回的虽然是 200 响应状态码，但是返回的数据是一串html，其实是发生了跨域问题，就是前端与后端使用的端口号不同产生的。
然后我再在axios文件夹 加上一个 baseURL ，可以进axios官网去找baseURL的配置，目的是为了便于axios实例的方法传递相对URL。
axios中文文档|axios中文网 | axios
然后我们再调用 后端的接口，然后出现了跨域的问题
然后我们应该去配置 vite.config.js中的代理。（下方是代理的官网）
开发服务器选项 | Vite 官方中文文档
然后去 vite 官网找到 配置—–服务器选项——server.proxy
复制到 vite.config.js文件中，把其中的target 改成自己后端的端口地址，也就是 刚刚设置baseURL 的地址
也需要把 baseURL 改成 ‘/api’
再次调用后端接口，成功解决前后端跨域问题，完成前后端接口联调
![“],”queryWord”:””,”tag”:[“前端”,”html”,”javascript”],”title”:”前端HTML网页之间传递数据多种办法，附代码案例”}’;
(function(){
var bp = document.createElement(‘script’);
var curProtocol = window.location.protocol.split(‘:’)[0];
if (curProtocol === ‘https’) {
bp.src = ‘http://zz.bdstatic.com/linksubmit/push.js’;
}
else {
bp.src = ‘http://push.zhanzhang.baidu.com/push.js’;
}
var s = document.getElementsByTagName(“script”)[0];
s.parentNode.insertBefore(bp, s);
})();
var articleId = 129833003;
var commentscount = 0;
var commentAuth = 2;
var curentUrl = “http://blog.csdn.net/long_songs/article/details/129833003”;
var myUrl = “http://my.csdn.net/”;
var highlight = [“javascript”,”html网页”,”传递数据”,”html”,”之间”,”前端”,”h1″,”案例”,”数据”,”代码”,”传递”,”多种”,”办法”,”附”];//高亮数组
var isRecommendModule = true;
var isBaiduPre = true;
var baiduCount = 2;
var setBaiduJsCount = 10;
var viewCountFormat = 9537;
var share_card_url = “http://app-blog.csdn.net/share?article_id=129833003&username=long_songs”
var mallVipUrl = “http://mall.csdn.net/vip?vipSource=article”
var vipArticleAbStyle = “t_1” var vipArticleCpStyle = “t_1”
var articleType = 1;
var baiduKey = “如何将数据传递到”;
var copyPopSwitch = true;
var needInsertBaidu = true;
var recommendRegularDomainArr = [“blog.csdn.net/.+/article/details/”,”download.csdn.net/download/”,”edu.csdn.net/course/detail/”,”ask.csdn.net/questions/”,”bbs.csdn.net/topics/”,”www.csdn.net/gather_.+/”]
var codeStyle = “”;
var baiduSearchType = “baidulandingword”;
var sharData = “{\”hot\”:[{\”id\”:1,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/a5f4260710904e538002a6ab337939b3.png\”},{\”id\”:2,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/188b37199a2c4b74b1d9ffc39e0d52de.png\”},{\”id\”:3,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/14ded358b631444581edd98a256bc5af.png\”},{\”id\”:4,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/1470f23a770444d986ad551b9c33c5be.png\”},{\”id\”:5,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/c329f5181dc74f6c9bd28c982bb9f91d.png\”},{\”id\”:6,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/ccd8a3305e81460f9c505c95b432a65f.png\”},{\”id\”:7,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/bc89d8283389440d97fc4d30e30f45e1.png\”},{\”id\”:8,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/452d485b4a654f5592390550d2445edf.png\”},{\”id\”:9,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/f8b9939db2ed474a8f43a643015fc8b7.png\”},{\”id\”:10,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/6de8864187ab4ed3b1db0856369c36ff.png\”},{\”id\”:11,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/673cc3470ff74072acba958dc0c46e2d.png\”},{\”id\”:12,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/930c119760ac4491804db80f9c6d4e3f.png\”},{\”id\”:13,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/15e6befb05a24233bc2b65e96aa8d972.png\”},{\”id\”:14,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/2075fd6822184b95a41e214de4daec13.png\”},{\”id\”:15,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/859b1552db244eb6891a809263a5c657.png\”},{\”id\”:16,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/0be2f920f1f74290a98921974a9613fd.png\”},{\”id\”:17,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/2e97e00b43f14afab494ea55ef3f4a6e.png\”},{\”id\”:18,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/ff4ab252f46e444686f5135d6ebbfec0.png\”},{\”id\”:19,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/ae029bbe99564e79911657912d36524f.png\”},{\”id\”:20,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/b3ece39963de440388728e9e7b9bf427.png\”},{\”id\”:21,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/6f14651a99ba486e926d63b6fa692997.png\”},{\”id\”:22,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/83ceddf050084875a341e32dcceca721.png\”},{\”id\”:23,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/b90368b8fd5d4c6c8c79a707d877cf7c.png\”},{\”id\”:24,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/aeffae14ecf14e079b2616528c9a393b.png\”},{\”id\”:25,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/c5a06b5a13d44d16bed868fc3384897a.png\”},{\”id\”:26,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/08b697658b844b318cea3b119e9541ef.png\”},{\”id\”:27,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/68ccb0b8d09346ac961d2b5c1a8c77bf.png\”},{\”id\”:28,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/a2227a247e37418cbe0ea972ba6a859b.png\”},{\”id\”:29,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/3a42825fede748f9993e5bb844ad350d.png\”},{\”id\”:30,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/8882abc1dd484224b636966ea38555c3.png\”},{\”id\”:31,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/4f6a5f636a3e444d83cf8cc06d87a159.png\”},{\”id\”:32,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/1953ef79c56b4407b78d7181bdff11c3.png\”},{\”id\”:33,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/c04a2a4f772948ed85b5b0380ed36287.png\”},{\”id\”:34,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/5b4fecd05091405ea04d8c0f53e9f2c7.png\”},{\”id\”:35,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/b89f576d700344e280d6ceb2a66c2420.png\”},{\”id\”:36,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/1c65780e11804bbd9971ebadb3d78bcf.png\”},{\”id\”:37,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/d590db2055f345db9706eb68a7ec151a.png\”},{\”id\”:38,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/fe602f80700b4f6fb3c4a9e4c135510e.png\”},{\”id\”:39,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/39ff2fcd31e04feba301a071976a0ba7.png\”},{\”id\”:40,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/f9b61b3d113f436b828631837f89fb39.png\”},{\”id\”:41,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/df1aca5f610c4ad48cd16da88c9c8499.png\”},{\”id\”:42,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/d7acf73a1e6b41399a77a85040e10961.png\”},{\”id\”:43,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/b7f1b63542524b97962ff649ab4e7e23.png\”}],\”vip\”:[{\”id\”:1,\”vipUrl\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101150.png\”,\”url\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101154.png\”},{\”id\”:2,\”vipUrl\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101204.png\”,\”url\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101208.png\”},{\”id\”:3,\”vipUrl\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101211.png\”,\”url\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101215.png\”},{\”id\”:4,\”vipUrl\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101218.png\”,\”url\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101220.png\”},{\”id\”:5,\”vipUrl\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101223.png\”,\”url\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220920101226.png\”},{\”id\”:6,\”vipUrl\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220922100635.png\”,\”url\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220922100639.png\”},{\”id\”:7,\”vipUrl\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220922100642.png\”,\”url\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220922100644.png\”},{\”id\”:8,\”vipUrl\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220922100647.png\”,\”url\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220922100649.png\”},{\”id\”:9,\”vipUrl\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220922100652.png\”,\”url\”:\”http:\/\/img-home.csdnimg.cn\/images\/20220922100655.png\”},{\”id\”:10,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/55de67481fde4b04b97ad78f11fe369a.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/bb2418fb537e4d78b10d8765ccd810c5.png\”},{\”id\”:11,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/579c713394584d128104ef1044023954.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/f420d9fbcf5548079d31b5e809b6d6cd.png\”},{\”id\”:12,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/75b7f3155ba642f5a4cc16b7baf44122.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/a9030f5877be401f8b340b80b0d91e64.png\”},{\”id\”:13,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/0903d33cafa54934be3780aa54ae958d.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/2cd8c8929f5a42fca5da2a0aeb456203.png\”},{\”id\”:14,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/949fd7c22884439fbfc3c0e9c3b8dee7.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/dafbea9bd9eb4f3b962b48dc41657f89.png\”},{\”id\”:15,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/4119cfddd71d4e6a8a27a18dbb74d90e.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/c56310c8b6384d9e85388e4e342ce508.png\”},{\”id\”:16,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/121575274da142bcbbbbc2e8243dd411.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/5013993de06542f881018bb9abe2edf7.png\”},{\”id\”:17,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/4d97aa6dd4fe4f09a6bef5bdf8a6abcd.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/76f23877b6ad4066ad45ce8e31b4b977.png\”},{\”id\”:18,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/fdb619daf21b4c829de63b9ebc78859d.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/a1abe5d27a5441f599adfe662f510243.png\”},{\”id\”:19,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/676b7707bb11410f8f56bc0ed2b2345c.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/7ac5b467fbf24e1d8c2de3f3332c4f54.png\”},{\”id\”:20,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/0becb8cc227e4723b765bdd69a20fd4a.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/fdec85b26091486b9a89d0b8d45c3749.png\”},{\”id\”:21,\”vipUrl\”:\”http:\/\/img-blog.csdnimg.cn\/1a6c06235ad44941b38c54cbc25a370c.png\”,\”url\”:\”http:\/\/img-blog.csdnimg.cn\/410a06cda2d44b0c84578f88275caf70.png\”}],\”map\”:{\”hot\”:\”热门\”,\”vip\”:\”VIP\”}}”;
var canRead = true;
var blogMoveHomeArticle = false;
var showSearchText = “”;
var articleSource = 1;
var articleReport = ‘{“pid”: “blog”, “spm”:”1001.2101″}’;
var baiduSearchChannel = ‘pc_relevant’
var baiduSearchIdentification = ‘.235^v43^pc_blog_bottom_relevance_base3’
var distRequestId = ‘1717999861851_76819’
var initRewardObject = {
giver: currentUserName,
anchor: username,
articleId: articleId,
sign: ”
}
var isLikeStatus = false;
var isUnLikeStatus = false;
var studyLearnWord = “”;
var unUseCount = 0;
var codeMaxSize = 0;
var overCost = true;
var isCurrentUserVip = false;
var contentViewsHeight = 0;
var contentViewsCount = 0;
var contentViewsCountLimit = 5;
var isShowConcision = false;
var isCookieConcision = false
var isHasDirectoryModel = false
var isShowSideModel = false
var isShowDirectoryModel = true
function getCookieConcision(sName){
var allCookie = document.cookie.split(“; “);
for (var i=0; i < allCookie.length; i++){
var aCrumb = allCookie[i].split("=");
if (sName == aCrumb[0])
return aCrumb[1];
}
return null;
}
if (getCookieConcision('blog_details_concision') && getCookieConcision('blog_details_concision') == 0){
isCookieConcision = true
isShowSideModel = true
isShowDirectoryModel = false
}
if (!isCookieConcision) {
$(‘.main_father’).removeClass(‘mainfather-concision’)
$(‘.main_father .container’).removeClass(‘container-concision’)
} else {
$(‘#mainBox’).css(‘margin-right’, ‘0’)
} var resourceId = “”;
function getQueryString(name) {
var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if( r != null ) return decodeURIComponent( r[2] ); return ”;
}
function stripscript(s){
var pattern = new RegExp(“[`~!@#$^&*()=|{}’:;’,\[\]./?~！@#￥……&*（）——|{}【】‘；：”“’。，、？%]”)
var rs = “”;
for (var i = 0; i <s> 1 ? stripscript(getQueryString(‘utm_term’)) : ”
前端HTML网页之间传递数据多种办法，附代码案例](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
