将自定义js文件添加到cshtml答案

【问题标题】：Add custom js file to cshtml将自定义js文件添加到cshtml
【发布时间】：2020-10-08 16:12:03
【问题描述】：

我是 asp.net 核心的新手。我想将我的自定义js 文件添加到document.ready。如何添加？

我的代码 =>

@section Scripts {
    <script type="text/javascript" src="@Url.Content("../MyFolder/CareerHelper.js")"></script>  
    .
    .
    .
}

这是错误显示 =>

http://localhost:8089/MyFolder/CareerHelper.js  404 Not Found

我也试过这种方式 => Is there a correct way to add custom Javascript to an ASP.NET MVC 5 page?

但它不起作用。

Careerhelper.js：

importScripts('./ApiHelper.js');  

import * as apihelper  from './ApiHelper';

function getIndustry() {   

    $.ajax({
        url: `${apihelper._api}/jobindustry`,
        type: 'GET',        
        dataType: 'json',
        success: function (response) {
            return response;
        },
        error: function (err) {
            throw err;
        }
    });

}

【问题讨论】：

您的CareerHelper.js 文件在哪里？在wwwroot ?
@FarhadZamani，不，它不在 wwwroot 里面
那么你的文件在哪里？MyFolder 应该在 wwwroot 中
显示CareerHelper.js的完整路径
@JawwadAhmed，主要原因是我有很多ajax调用，我想提取这部分并写入其他js文件然后我会调用这个ajax。所以以后我可以重用这个ajax调用但现在我不能这样做了。

标签： javascript jquery asp.net-core

【解决方案1】：

您可能需要对 IIS 采取一些额外的步骤，请查看以下链接。如果这有帮助

https://haacked.com/archive/2008/11/26/asp.net-mvc-on-iis-6-walkthrough.aspx/

【讨论】：

【解决方案2】：

如果您的MyFolder/CareerHelper.js 等静态文件在the wwwroot folder 之外，要提供这些文件并使其按预期工作，您可以尝试：

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    //...

    app.UseStaticFiles();

    app.UseFileServer(new FileServerOptions
    {
        FileProvider = new PhysicalFileProvider(
            Path.Combine(env.ContentRootPath, "MyFolder")),
        RequestPath = "/MyFolder"
    });

    //...

添加对您的 js 文件的引用

@section scripts{
    <script type="text/javascript" src="~/MyFolder/CareerHelper.js"></script>
}

文件夹结构

测试结果

【讨论】：