账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    nuxt 部署到服务器上之后访问不到 js
    51
    0

    问题描述

    nuxt使用ssr渲染,部署到了网站上,使用pm2启动配置文件,发现总是报 5(index):4 GET http://anikzm.top/_nuxt/runtime.js net::ERR_ABORTED 404 (Not Found),本地运行 npm start 就没有问题,找了很久没找到解决办法,求帮忙。。。
    代码基本上都没有改过,不知道怎么回事。
    以下是ecosystem.config.js代码

    module.exports = {
      apps : [{
        name: 'test',
        script: 'server/index.js',
        args: '',
        instances: 1,
        autorestart: true,
        watch: true,
        max_memory_restart: '1G',
        env: {
          NODE_ENV: 'development'
        },
        env_production: {
          NODE_ENV: 'production'
        }
      }]
    };
    

    以下是nginx配置代码

    upstream nodenuxt {
        server 127.0.0.1:3000; #nuxt项目 监听端口
        keepalive 64;
    }
    server
    {
          listen 80;
        server_name anikzm.top;
        location / {
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;  
            proxy_set_header Connection "upgrade";
            proxy_set_header Host $host;
            proxy_set_header X-Nginx-Proxy true;
            proxy_cache_bypass $http_upgrade;
            proxy_pass http://nodenuxt; #反向代理
        }
        index index.php index.html index.htm default.php default.htm default.html;
        root /www/wwwroot/anikzm.top;
        
        #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
        #error_page 404/404.html;
        #SSL-END
        
        #ERROR-PAGE-START  错误页配置,可以注释、删除或修改
        error_page 404 /404.html;
        error_page 502 /502.html;
        #ERROR-PAGE-END
        
        #PHP-INFO-START  PHP引用配置,可以注释或修改
        include enable-php-73.conf;
        #PHP-INFO-END
        
        #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
        include /www/server/panel/vhost/rewrite/anikzm.top.conf;
        #REWRITE-END
        
        #禁止访问的文件或目录
        location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
        {
            return 404;
        }
        
        #一键申请SSL证书验证目录相关设置
        location ~ \.well-known{
            allow all;
        }
        
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
            error_log off;
            access_log /dev/null;
        }
        
        location ~ .*\.(js|css)?$
        {
            expires      12h;
            error_log off;
            access_log /dev/null; 
        }
        access_log  /www/wwwlogs/anikzm.top.log;
        error_log  /www/wwwlogs/anikzm.top.error.log;
    }

    以下是 nuxt.config.js 相关代码

    module.exports = {
      mode: 'universal',
      /*
      ** Headers of the page
      */
      head: {
        title: process.env.npm_package_name || '',
        meta: [
          { charset: 'utf-8' },
          { name: 'viewport', content: 'width=device-width, initial-scale=1' },
          { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
        ],
        link: [
          { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
        ]
      },
      /*
      ** Customize the progress-bar color
      */
      loading: { color: '#fff' },
      /*
      ** Global CSS
      */
      css: [
      ],
      /*
      ** Plugins to load before mounting the App
      */
      plugins: [
      ],
      /*
      ** Nuxt.js dev-modules
      */
      buildModules: [
      ],
      /*
      ** Nuxt.js modules
      */
      modules: [
      ],
      /*
      ** Build configuration
      */
      build: {
        /*
        ** You can extend webpack config here
        */
        extend (config, ctx) {
        }
      }
    }
    
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 遠客歸心 普通会员 1楼

      Nuxt.js是一个基于Vue.js的前端构建框架,它需要一个服务器来托管和提供HTTP服务。如果你在本地测试和开发Nuxt.js,那么服务器可能没有被正确配置。以下是一些可能的解决方案:

      1. 在服务器上创建一个新的Nuxt.js项目,并将其与你的静态文件和JavaScript文件放在一个目录下。然后,确保你的服务器启用了Node.js和npm,这些是Nuxt.js的依赖。

      2. 使用一个服务器端脚本来部署Nuxt.js。例如,你可以使用npm run build命令来打包你的应用,并将其部署到你的服务器上。

      3. 在服务器上配置Nuxt.js的静态文件和JavaScript文件的路径。你可以使用服务器的/public目录来放置你的静态文件和JavaScript文件。你可以使用@nuxtjs/axios库来从你的服务器获取JSON数据。

      4. 如果你在开发环境中使用Nuxt.js,那么你需要在服务器上配置Nuxt.js的开发模式。例如,你可以使用npm run dev命令来启动你的开发服务器,并将Nuxt.js的URL配置为http://localhost:3000

      如果你已经尝试了这些解决方案,但是仍然无法访问Nuxt.js,那么你可能需要检查你的服务器的设置和配置。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部