为什么我的浏览器下载了index.html而不显示它?

acelot

我正在尝试设置一个Nginx Web服务器,以便为基于AngularJS的SPA提供服务,并在index.html文件具有单个入口点

这是我的配置:

server {
    server_name aislc.dev;
    root        /var/www/aislc/dist;

    # API backend
    location ~ ^/api/(.*)$ {
        fastcgi_pass   unix:/var/run/php5-fpm.sock;
        include        /etc/nginx/fastcgi_params;
        fastcgi_param  SCRIPT_FILENAME /var/www/aislc-api/index.php;
    }

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

    types {
        text/cache-manifest appcache;
        application/json    js.map;
    }
}

当我尝试打开网站时,浏览器会下载一个名称和扩展名未知的文件,其中`index.html的内容

内容index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title>Test</title>
    <link href="app.css" rel="stylesheet"/>
</head>
<body>
    <p>Loading...</p>

    <script src="app.js" type="text/javascript" async></script>
</body>
</html>

Chrome萤幕撷取画面

铬合金

Firefox屏幕截图

火狐

我哪里错了?

acelot

我找到了解决方案!

我删除了 types 部分,因为它是指令替换nginx的内置mime类型,而不是扩展它们。使用include方法:

    include mime.types;

    types {
            text/cache-manifest appcache;
            application/json    map;
    }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么我的 VS Code Live Server Extension 在浏览器上打开时显示图像,但在使用 index.html 文件打开时不显示图像

为什么我的模拟器浏览器不显示来自 XAMPP 的测试页?

为什么本地浏览器不显示任何内容?

为什么浏览器刷新不显示最新更改?

为什么 Web 浏览器会在我以 html 显示的图像下显示时间戳?

为什么浏览器无法显示下载base64的url

为什么在某些浏览器中显示图标,而在其他浏览器中却不显示

为什么我的浏览器显示一种我从未选择过的语言

为什么我的<br>标签在我的浏览器中显示为角度项目

为什么文件浏览器没有显示我的映射驱动器?

打开浏览器时,为什么我的jQuery无法正常工作/无法显示?

页面在每个浏览器中显示不同,我不知道为什么

为什么H2数据库未在浏览器中显示我的表

为什么授权标头令牌没有显示在我的浏览器中

为什么我的字体大小在Firefox和chrome移动浏览器上显示不同?

为什么我的网络在终端和浏览器中显示不同的速度?

为什么我的随机图像不会显示在浏览器中?

为什么我的 create-react-app 没有显示在移动浏览器上?

为什么我的 Chrome 扩展程序的浏览器操作弹出窗口没有显示?

为什么每次创建 index.html 文件并在浏览器中打开时都会显示 Favicon

React.js:为什么我在浏览器上看不到 HTML 内容?

为什么我的HTML代码中的<tr>标记没有在浏览器中按顺序显示?

浏览器开发人员工具为什么不显示输入字段值?

为什么 node-sp-auth on demand 不显示浏览器窗口?

为什么使用document.write在浏览器上不显示文本

为什么不使用PHP和MySQL在浏览器中不显示字母“ ST”

为什么我无法通过浏览器访问我的 docker 节点应用程序,在它工作的容器中?

为什么我的导航栏无法在Google Chrome浏览器中正常显示,但可以在其他浏览器上使用

为什么浏览器显示的原型属性不同?