2Òì²½¼ÓÔØÓëµ¥Ò³Ó¦Óã¨SPA£©
µ¥Ò³Ó¦Óã¨SinglePageApplication£¬SPA£©ºÍÒì²½¼ÓÔØ¼¼Êõ¿ÉÒÔÏÔÖøÌáÉýÍøÒ³Ìø×ªµÄÁ÷³©¶ÈºÍËÙ¶È¡£SPAͨ¹ýJavaScript¶¯Ì¬¼ÓÔØÄÚÈÝ£¬ÖÆÖ¹ÁËÍêÕûµÄÒ³ÃæË¢Ð£¬´Ó¶øÊµÏÖÁËÔ½·¢Á÷³©?µÄÓû§ÌåÑé¡£³£ÓõÄ?¿ò¼ÜÈçReact¡¢VueºÍAngular¶¼Ö§³ÖÕâÖÖ¼¼Êõ¡£
Òì²½¼ÓÔØÍ¨¹ýAjaxÇëÇóºÍWebSocketµÈ¼¼Êõ£¬¿ÉÒÔÔÚ²»Ë¢ÐÂÕû¸öÒ³ÃæµÄÇé¿öϼÓÔØÐÂÊý¾Ý£¬Ìá¸ßÁËÓû§µÄ²Ù×÷ЧÂÊ¡£
3Ô¤¼ÓÔØÓëÀÁ¼ÓÔØ
Ô¤¼ÓÔØºÍÀÁ¼ÓÔØÊÇÓÅ»¯ÍøÒ³Ìø×ªÐÔÄܵÄÓÐЧҪÁì¡£Ô¤¼ÓÔØÊÇÔÚÓû§Î´µã»÷ǰ£¬Ìáǰ¼ÓÔØ¿ÉÄÜÐèÒªµÄ×ÊÔ´£¬ÒÔ¼õÉÙÆÚ´ýʱ¼ä¡£ÀýÈ磬ÔÚÓû§µã»÷ÏÂÒ»Ò³ÃæÖ®Ç°£¬¿ÉÒÔÌáǰ¼ÓÔØÏÂÒ»Ò³ÃæµÄCSSºÍJavaScriptÎļþ¡£ÀÁ¼ÓÔØÔòÊÇÔÚÐèҪʱ²Å¼ÓÔØ×ÊÔ´£¬ÈçͼƬºÍÊÓÆµ£¬¿ÉÒÔÏÔÖø¼õÉÙ³õʼ¼ÓÔØÊ±¼ä¡£
Ö¸ÄÏÆß£ºÓû§·´ÏìºÍ²â?ÊÔ
ͨ¹ýÓû§·´ÏìºÍ²âÊÔ£¬Á˽âÌø×ª¶ÔÓû§ÌåÑéµÄÓ°Ïì¡£¿ÉÒÔÑûÇ벿·ÖÓû§½øÐвâÊÔ£¬ÊÕ¼¯ËûÃǵķ´Ï죬ƾ¾Ý·´Ïì½øÐÐÓÅ»¯£¬Ìá¸ßÌø×ªµÄÓû§ÌåÑé¡£
ͨ¹ý¶ÔÍøÒ³Ìø×ªµÄÉîÈëÁ˽âºÍÕýȷʵÏÖ£¬ÎÒÃÇ¿ÉÒÔÔÚÏíÊÜ»¥ÁªÍø±ã?½ÝµÄ×î´óÏ޶ȵØÖÆÖ¹°²?È«Òþ»¼¡£Ï£Íû±¾ÎÄÌṩµÄ±Ü¿ÓÖ¸ÄÏÄܹ»×ÊÖúÄãÔÚÍøÒ³Ìø×ªµÄʵÏÖÀú³ÌÖУ¬ÖÆÖ¹¸ßƵÎóÇø£¬Ìá¸ßÍøÕ¾µÄÄþ¾²ÐÔºÍÓû§ÌåÑé¡£
ÔÚÍøÒ³Ìø×ªµÄʵÏÖÀú³ÌÖУ¬ÎÒÃDz»µ«Òª¹Ø×¢¼¼Êõϸ½Ú£¬»¹ÒªÌرð×¢ÒâÄþ¾²ÐÔºÍÓû§ÌåÑé¡£±¾ÎĽ«¼ÌÐøÌ½ÌÖÍøÒ³Ìø×ªµÄ¸ßƵÎóÇø£¬²¢ÌṩһЩ¾ßÌåµÄ±Ü¿ÓÖ¸ÄÏ£¬×ÊÖúÄãÔÚÏíÊÜ»¥ÁªÍø±ã½Ý¼òÖ±±£ÍøÕ¾µÄ°²?È«ÐÔºÍÓû§ÂúÒâ¶È¡£
ǰ¶Ë´úÂë
ÔÚǰ¶Ë´úÂëÖУ¬¿ÉÒÔͨ¹ýJavaScriptʵÏÖÍøÒ³Ìø×ª¡£ÀýÈ磬ʹÓÃwindow.location.href»òÕßwindow.location.replace½øÐÐÌø×ª¡£Ç°¶ËÌø×ªËäÈ»Áé»î£¬µ«ÐèҪעÒâÄþ¾²ÐÔ¡£²»¼ÓÃܵÄÌø×ªÁ´½Ó¿ÉÄܻᱻ¸Ä¶¯£¬µ¼?ÖÂÓû§±»Òýµ¼µ½²»Äþ¾²µÄ?ÍøÕ¾¡£
Òò´Ë£¬ÔÚʹÓÃǰ¶ËÌø×ªÊ±£¬Ó¦µ±È·±£Ìø×ªÁ´½ÓµÄÄþ¾²ÐÔ¡£
3±ÜÃâ¶ñÒâÌø×ª
ͨ¹ýJavaScriptµÄlocation¹¤¾ß½øÐÐÌø×ªÊ±£¬ÒªÈ·±£ËùÓÐÌø×ªURL¶¼¾¹ýÑϸñÑéÖ¤£¬ÒÔ±ÜÃâ¶ñÒâÌø×ª¡£¿ÉÒÔʹÓð×Ãûµ¥»úÖÆ£¬Ö»ÔÊÐíÌø×ªµ½¿ÉÐŵÄURL¡£¿ÉÒÔʹÓÃContentSecurityPolicy£¨CSP£©À´ÏÞÖÆ¶ñÒâ½Å±¾µÄÖ´ÐУ¬´Ó¶ø½øÒ»²½ÌáÉýÄþ¾²ÐÔ¡£
1ЧÀͶËÖØ¶¨Ïò
ЧÀͶËÖØ¶¨ÏòÊÇÖ¸ÔÚЧÀÍÆ÷¶Ë½øÐÐÖØ¶¨Ïò²Ù×÷£¬ÕâÑù¿ÉÒÔ¼õÉÙ¿Í»§¶ËµÄ´¦Àíµ£¸º£¬Ìá¸ßÌø×ªËÙ¶È¡£Í¨¹ýÉèÖÃHTTPÏìӦͷÖеÄLocation×ֶΣ¬Ð§ÀÍÆ÷¿ÉÒÔ½«ÇëÇóÖ±½Óת·¢µ½Ä¿±êÒ³Ãæ¡£ÕâÖÖÒªÁìÔÚ´¦ÀíÅÓ´óµÄÖØ¶¨ÏòÂ߼ʱÓÈÆäÓÐЧ£¬ºÃ±È»ùÓÚÓû§»á»°¡¢Î»ÖûòÆäËû¶¯Ì¬ÐÅÏ¢½øÐеÄÖØ¶¨Ïò¡£
У¶Ô£ºÁõÐÀÈ»(p6mu9CWFoIx7YFddy4eQTuEboRc9VR7b9b)


