脚本标签中的Javascript在Nginx代理传递之后不执行

Question

我有一个在Nuginx proxy_pass后面运行的Nuxtjs构建的网站。

假设Nuxtjs站点位于http://10.001.002.003/ ，主要站点是http://example.com 。 这是example.com的Nginx配置

        location /main-page/ {
            proxy_pass http://10.001.002.003/; #this is the Nuxt site
        } 

         location /api/ {
            rewrite /api/(.*) /$1  break;
            proxy_pass https://api.example.com/;
        }

        location / {
            root /home/www/html/example/dist;
            try_files $uri $uri/ /index.html;
            #index index.html;
        }

我在http://10.001.002.003/_nuxt/script1.js有一个脚本，该脚本又可以从http://example.com/main-page/_nuxt/script1.js访问

这是问题所在，如果我浏览到http://example.com/main-page ，则脚本不会执行。 但是，如果我浏览到http://10.001.002.003 ，它将起作用。

这是HTML

<head>
<link rel="preload" href="http://example.com/main-page/_nuxt/script1.js" as="script">
</head>

<body>
<script src="http://example.com/main-page/_nuxt/script1.js" defer></script>
</body>

Answer 1

（1）：传递请求标头：

location /main-page/ {
    proxy_pass http://10.001.002.003/; #this is the Nuxt site
    proxy_pass_request_headers on;
}

（2）：在nuxt.config.js中将基础添加到路由器： https ://nuxtjs.org/api/configuration-router#base

router: {
    base: '/main-page/',
},

脚本标签中的Javascript在Nginx代理传递之后不执行

问题描述

1 个解决方案

解决方案1
0 2019-01-31 09:18:08

脚本标签中的Javascript在Nginx代理传递之后不执行

问题描述

1 个解决方案

解决方案1 0 2019-01-31 09:18:08

解决方案1
0 2019-01-31 09:18:08