Angular & Spring:如何加载外部页面,而不暴露URL?
创始人
2024-10-14 11:31:29
0

在Angular和Spring中加载外部页面而不暴露URL可以通过以下步骤实现:

  1. 在Angular中创建一个组件,用于加载外部页面。
import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';

@Component({
  selector: 'app-external-page',
  template: '
', styleUrls: ['./external-page.component.css'] }) export class ExternalPageComponent implements OnInit { @ViewChild('externalPage', { static: true }) externalPage: ElementRef; ngOnInit() { const iframe = document.createElement('iframe'); iframe.src = 'http://example.com/external-page'; // 替换为要加载的外部页面的URL iframe.setAttribute('sandbox', 'allow-same-origin allow-scripts'); iframe.style.width = '100%'; iframe.style.height = '100%'; this.externalPage.nativeElement.appendChild(iframe); } }
  1. 在Spring中创建一个controller,用于返回外部页面的内容。
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

@Controller
public class ExternalPageController {

  @RequestMapping("/external-page")
  public ModelAndView redirectToExternalPage() {
    return new ModelAndView("redirect:http://example.com/external-page"); // 替换为要加载的外部页面的URL
  }

  @GetMapping("/external-page-content")
  @ResponseBody
  public String getExternalPageContent() {
    // 通过HTTP请求获取外部页面的内容
    // 返回外部页面的内容
    return "

Hello, External Page!

"; } }
  1. 在Spring的配置文件中配置视图解析器。

  
  

  1. 在Angular的路由配置中将外部页面组件添加为一个路由。
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ExternalPageComponent } from './external-page/external-page.component';

const routes: Routes = [
  { path: 'external-page', component: ExternalPageComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

通过以上步骤,你可以在Angular中创建一个组件来加载外部页面,并在Spring中通过控制器返回外部页面的内容。这样,你就能在不暴露URL的情况下加载外部页面。

相关内容

热门资讯

透视解迷!aapoker辅助怎... 透视解迷!aapoker辅助怎么用(透视)sohoo poker辅助,教程举措(真的有挂)-哔哩哔哩...
约局吧app有挂吗!佛手在线大... 约局吧app有挂吗!佛手在线大菠萝智能辅助器(透视)软件-确实开挂是真的挂一、佛手在线大菠萝智能辅助...
透视科普!wpk辅助是什么(透... 透视科普!wpk辅助是什么(透视)hhpoker智能辅助插件,教程办法(真实有挂)-哔哩哔哩1.hh...
wpk透视怎么安装!拱趴大菠萝... wpk透视怎么安装!拱趴大菠萝怎么开挂(透视)插件-好像解迷有挂wpk透视怎么安装!拱趴大菠萝怎么开...
透视有挂!wepoker怎么看... 透视有挂!wepoker怎么看牌型(透视)淘宝买wepoker透视有用吗,教程大纲(有挂方法)-哔哩...
wepoker私人局有透视吗!... wepoker私人局有透视吗!约局吧德州真的有透视挂吗(透视)教程-本来关于有挂1)约局吧德州真的有...
透视透视!wepoker有透视... 透视透视!wepoker有透视功能吗(透视)拱趴大菠萝万能挂图解,教程课程(有挂分析)-哔哩哔哩1、...
wepoker一直输的号能继续... wepoker一直输的号能继续打吗!拱趴游戏破解器(透视)教程-总是揭露真的是有挂wepoker一直...
透视科普!wepoker有人用... 透视科普!wepoker有人用过吗(透视)拱趴大菠萝挂怎么安装,教程方式(有挂方针)-哔哩哔哩该软件...
pokemomo辅助软件!we... pokemomo辅助软件!wepoker有透视功能吗(透视)神器-真是揭露是真的挂1)wepoker...