首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >eggjs+vue+nginx配置

eggjs+vue+nginx配置

作者头像
liulun
发布2020-03-18 15:59:49
1.5K0
发布2020-03-18 15:59:49
举报
文章被收录于专栏:liulunliulun

安装node

https://github.com/nodesource/distributions#installation-instructions-1

注意使用No root privileges方法安装

安装yarn

curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo
sudo yum install yarn

安装nginx

//安装nginx的命令
sudo yum install epel-release
sudo yum install nginx
//让nginx随系统启动而启动
sudo systemctl enable nginx
//常用命令
//启动:nginx
//停止:nginx -s stop
//重载配置:nginx -s reload
//配置路径:/etc/nginx/nginx.conf
//日志路径:/var/log/nginx

nginx关键配置

    server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  domain.com www.domain.com;
        root   /home/client/;
        location / {
	    try_files $uri $uri/  /index.html;
        }
        location /api/ {
    	    proxy_pass http://127.0.0.1:7001/;
        }
    }

注意两个location和root,不要把vue的静态文件放在root目录下

注意最后一个location中,api和7001后面都有斜杠

nginx证书配置

	server 
	{
		listen 443;
		server_name your-domain.com www.your-domain.com;
		ssl on;
		ssl_certificate  /root/ssl/your-domain.crt;
		ssl_certificate_key /root/ssl/your-domain.key;
		ssl_session_timeout 5m;
		ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
		ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
		ssl_prefer_server_ciphers on;
		location / {
			proxy_buffer_size  128k;
			proxy_buffers   32 32k;
			proxy_busy_buffers_size 128k;
			proxy_pass http://127.0.0.1:912;
		}
	}
	server
	{
		listen 80;
		server_name your-domain.com www.your-domain.com;
    	        rewrite ^(.*)$ https://$host$1 permanent;
	}

为了调试方便,vue.config.js的配置如下

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target:'http://127.0.0.1:7001',
                changeOrigin: true,
                secure: false,
                pathRewrite: {
                    '^/api': '/' //重写之后url为 http://127.0.0.1:7001/xxxx
                    //pathRewrite: {'^/api': '/api'} 重写之后url为 http://192.168.1.16:8085/api/xxxx
                }
            }
        }
    }
};

egg.js调试配置如下:config文件夹下plugin.js

module.exports = {
  cors: {
    enable: true,
    package: 'egg-cors'
  }
};

config.default.js:注意这里的配置是有些危险的,因为可能会同步到服务器上去

  config.security = {
    csrf: {
      enable: false
    },
    domainWhiteList: [ '*' ]
  };
  config.cors = {
    origin: '*',
    allowMethods: 'GET,HEAD,PUT,POST,DELETE,PATCH,OPTIONS'
  };
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-03-02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档