在Angular中,浏览器出于安全原因默认不允许加载本地资源。要解决这个问题,可以使用以下方法之一:
使用Angular的内置HTTP服务器:
npm install -g @angular/cli
ng serve
http://localhost:4200
,Angular将会在内置的HTTP服务器上运行,并且能够加载本地资源。使用Node.js的HTTP服务器:
http-server
:npm install -g http-server
cd E:/Videos
http-server
http://localhost:8080/pakistan.mp4
,视频将会被加载。将视频文件放置在Angular项目的assets
目录下:
pakistan.mp4
复制到项目的src/assets
目录下。video
标签来加载视频:
请注意,以上方法仅适用于开发环境。如果你需要在生产环境中加载本地资源,你可能需要将视频上传到服务器,并使用服务器提供的URL进行加载。