Refused to apply style from 'http://localhost:7001/umi.css'

[kennylbj]

I am using egg-view-static to serve static html resource built by create-umi . The built files was located in app/public dir and the following errors occured when i start the egg server and visit http://localhost:7001.

Refused to apply style from 'http://localhost:7001/umi.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Here is the configs:

// config/config.default.js
module.exports = appInfo => {
  const config = exports = {};

  config.keys = appInfo.name + '12345';

  config.view = {
    defaultViewEngine: 'static',
    mapping: {
      '.html': 'static',
    },
  }

  config.security = {
    csrf: false,
  };

  return config;
};

// config/plugin.js
exports.viewStatic = {
  enable: true,
  package: 'egg-view-static',
};

Is there something i miss?

[okoala]

demo please.

[atian25]

you must change the relate path, because html is render as / path, not the file path app/public

so if you link some static resource, your should not use ./main.js but app/public/main.js

but if your path is /test maybe had to ../app/public/main.js

this lib is just a toy showcase.

[kennylbj]

Problem solved when I manually change all resources path from root to /public in public dir including lots of images path.

It's a lot weird to modify dist files built by front-end cli for serving static html in egg. Is there a clean way to serve html directly just like spring boot?

I know the best pratice for serving static file is to use static web server such as nginx cdn rather than node itself, but it's much convenint for developer to build tiny project if egg could support this feature.

[atian25]

it's not an egg issue, but http server.

for now, if you don't care the visit url, just place all static file to app/public then user visit via http://host/public/index.html

or if you only need to serve static file, then change egg-static config to use / instead of /public.

this lib is just a showcase for how to render a static file as template at public dir.