首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用角8预览我的项目中的静态文件?

如何使用角8预览我的项目中的静态文件?
EN

Stack Overflow用户
提问于 2019-07-12 23:17:13
回答 1查看 1K关注 0票数 0

我使用的角度8,在我的项目,我有一个文件夹与发行说明在pdf,我想预览的pdf在我的浏览器(原生铬pdf查看器)。

我需要在路由器中配置任何东西吗?

该文件在角项目中,目前在本地进行尝试。

代码语言:javascript
运行
复制
<a href="./release_notes/ReleaseNotes-Version_1.0.38.pdf" target="_blank">Release Notes</a>

当我单击指向静态文件的url链接时,路由器会高呼没有该名称的路由。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-07-13 03:34:31

response将使用index.html为非资产路径发送响应。所以,如果你点击那个路径,它就会打开你的角度应用程序,角度路由器会试图为这个路径找到一条路径。

因为要查看静态文件,所以可以将register文件夹注册为angular.json的资产,并在生产服务器上设置重写处理程序。通过将文件夹注册为资产,在构建应用程序时将包含该文件夹。示例:

angular.json

angular.json上找到构建选项,并将资产更改为如下所示:

代码语言:javascript
运行
复制
{
  "assets: [
    "src/assets",
    "src/release_notes"
  ]
}

生产服务器

您可以尝试使用dist服务器为您的superstatic文件夹提供服务,并将此配置添加到项目根文件夹上的superstatic.json文件中。只有在没有与请求的路径匹配的文件/文件夹时,服务器才会使用index.html发送响应。您可以通过npm安装superstatic,命令为:npm install -g superstatic

代码语言:javascript
运行
复制
{
  "rewrites": [
    {
      "source": "/**",
      "destination": "/index.html"
    }
  ]
}

使用命令启动服务器:

代码语言:javascript
运行
复制
superstatic ./dist/your-app-name
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57014942

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档