nuxt线上打包发布

最新推荐文章于 2024-08-06 17:34:27 发布

zhooson

最新推荐文章于 2024-08-06 17:34:27 发布

阅读量9k

点赞数 2

分类专栏： vue nuxtjs

本文链接：https://blog.csdn.net/zhooson/article/details/101054081

版权

vue 同时被 2 个专栏收录

67 篇文章 1 订阅

订阅专栏

nuxtjs

2 篇文章 0 订阅

订阅专栏

差了很多资料，吧自己的经验总结一下：

创建项目

vue init nuxt-community/starter-template <project-name> 进行搭建的！

打包
执行nuxt build 或者 npm run build打包后，发现没有dist文件，这是这个基础模版配置的，我么也不需要dist文件

选择那个文件文件上传到服务器上去？？？？

在这里插入图片描述
ps: 这里避免不了要node_modules 下载一份

我的服务器文件
在这里插入图片描述
启动服务前先要修改package.json配置：我ngixn代理是5656端口，这里启动应该是5656端口

    "scripts": {
        "dev": "PORT=5656 nuxt",
        "build": "nuxt build",
        "start": "PORT=5656 nuxt start",
        "generate": "nuxt generate",
        "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
        "precommit": "npm run lint"
    },

启动服务：

pm2 start npm --name "ele-nuxt-5656" -- run start

nginx代理配置：

    #ele-nuxt
    upstream eleNuxt {
    	server 127.0.0.1:5656;
    }

   server {
        listen       80;
        server_name  ele-nuxt.zhooson.cn;
        #charset koi8-r;

        #access_log  logs/host.access.lsog  main;

	location / {

		#设置主机头和客户端真实地址，以便服务器获取客户端真实IP
		proxy_set_header Host $host;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		#禁用缓存
		proxy_buffering off; 

		#反向代理的地址
		proxy_pass http://eleNuxt;

	}

   
        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

ps: 修改完nginx.conf 后别忘了重启一个sbin/nginx 的脚本