时间戳

首页 > 解决方案 > 如何为使用 CDN 的本地测试设置 blazor

blazor - 如何为使用 CDN 的本地测试设置 blazor

问题描述

Blazor 开发环境的新手。我想使用 Bootstrap 4 进行 UI 设计，例如使用 Fontawesome 和其他来自 CDN 的东西。
当我在 PC 连接到 Internet 的情况下本地运行应用程序时，是否会下载以下内容？

1.
 <script src="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"></script>

2.
   <script src="https://code.jquery.com/jquery-3.4.1.min.js"
            integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
            crossorigin="anonymous">
    </script>
3.
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
            crossorigin="anonymous">

    </script>
4.
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
            crossorigin="anonymous">
    </script>

问题：我没有得到任何 FontAwesome

<div class="col-md-6">
            <p>testing testing</p>
            <div class="media">
                <i class="fa fa-eye" aria-hidden="true"></i>
                <div class="media-body">
                    <h5 class="mt-0">Test1</h5>
                    Desc1

                </div>
            </div>

            <div class="media">
                <i class="fa fa-dot-circle" aria-hidden="true"></i>
                <div class="media-body">
                    <h5 class="mt-0">test2</h5>
                    Desc2

                </div>
            </div>

谢谢

标签： blazor

解决方案

你有一个脚本标签引用的字体真棒css，将它更改为链接标签，它会工作

    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

推荐阅读