Issues with *.vue

[jaliao]

I have a project using xxx.vue.
I put the xxx.vue under the folder named wwwroot
But it return 404 from liquid file when I browse this file using Chrome.
the other static file is correct return.

How to config static file list in Orchard Core.

thanks
Justin

[jaliao]

How to add a new FileExtensionContentTypeProvider in OC project?

[ns8482e]

@jaliao Are you using Vue CLI?

[sebastienros]

Unknown file types are not served by default in ASP.NET. We should document how to configure the static file provider (@jtkech can you provide an example?), either to accept all files (ServerUnknownFileTypes) or by adding a custom mime type mapping.

[jtkech]

@sebastienros i will look at it asap

[jtkech]

@jaliao @sebastienros

First you would need a custom IContentTypeProvider, e.g.

    public class CustomContentTypeProvider : IContentTypeProvider
    {
        private readonly FileExtensionContentTypeProvider _contentTypeProvider =
            new FileExtensionContentTypeProvider();

        public bool TryGetContentType(string subpath, out string contentType)
        {
            if (_contentTypeProvider.TryGetContentType(subpath, out contentType))
            {
                return true;
            }

            // Here do your custom mapping

            return false;
        }

Look at this source code to see how to do your custom mapping

Then at the app level so that it is related to all static files providers

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddOrchardCms();

        services.Configure<StaticFileOptions>(o =>
            o.ContentTypeProvider = new CustomContentTypeProvider());
    }

Or still from the app but at the tenant level so that it is not related to the app level static files but e.g. to the static files embedded in modules. Notice the negative order so that the options are configured before the tenant uses it.

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddOrchardCms()
            .ConfigureServices( s =>
                s.Configure<StaticFileOptions>(o =>
                    o.ContentTypeProvider = new CustomContentTypeProvider()
                )
            ,
            order: -100);
    }

Finally the same can be done in a custom module, e.g. when a feature is enabled, in that case your module main startup, or the one that is tied to a given feature, would need to override the Order property with a negative value as above, and then do the same configuration in its ConfigureServices() method.

[jaliao]

thank you : )

[pholly]

.vue files should not be served directly to the browser. There needs to be a build step that outputs .js files. By default the vue cli includes npm run dev and npm run build to build and output your app.

[jptissot]

Maybe you could modify the Gulp pipeline to compile these like we compile assets ?