linux - nginx configuration content-type problem

Question

After the vue project is packaged, it generates a static directory and an index.html
Then I send these two files online

location / {
  try_files $uri $uri/ /index.html;
}

Through the above code, all routes defined in vue point to index.html
In this way, the website can be displayed, but the background json data cannot be obtained
The reasons are as follows:
Configuration in the mime_types file in nginx

type {
    text/html html
}
// 即所有后缀为html的文件的content-type都为text/html

Because all routes point to index.html, routes without suffix such as /api/articles point to index.html, so the response header content-type is text/html, but what I want to get is application/json

Please help me, thank you!

Answer 1

You can configure a location for the API that provides josn. I saw you asked me on Zhihu,
For example, location api/

Answer 2

location /api {
    try_files $uri $uri/ /index.json;
}

But why do you need such a weird configuration...