专栏首页liuluneggjs+vue+nginx配置

eggjs+vue+nginx配置

安装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'
  };

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • centos安装nginx并配置SSL证书

    配置路径:/etc/nginx/ 日志路径:/var/log/nginx 打开配置文件 在HTTP节点下配置两个server节点,其他不变

    liulun
  • vscode源码分析【二】程序的启动逻辑,第一个窗口是如何创建的

    electron是分主进程和渲染进程的; 渲染进程是主进程启动的; ./out/main.js显然这就是主进程的入口程序; 确实不假 但别着急去分析这个...

    liulun
  • vscode源码分析【一】从源码运行vscode

    安装git,nodejs和yarn 安装Python27,3.x版本的不行,确保它在你的环境变量里; 安装gulp

    liulun
  • HTTP强制跳转HTTPS的方法

    所有的http请求全部都自动重定向为https,只需要在nginx上添加相应配置即可。 使用rewrite方法

    KEVINGUO_CN
  • 如何在Nginx上为Debian 8创建ECC证书

    本文介绍如何为Nginx创建椭圆曲线加密(ECC)SSL证书。在本教程结束时,您将有一个更快的加密机制供生产使用。

    无敌小笼包
  • centos7,nginx 配置支持 https

    要申请的证书类型: 一个单域名证书,用于主域名(iian.xyz),一个通配符证书,用于所有二级域名(*.iian.xyz)

    ianzhi
  • 取代云计算?开创性的技术:边缘计算和雾计算

    如今,从虚拟化服务的日益普及到云计算服务平台的广泛采用,IT运营正在进行重大改革。而在网络边缘处理数据是在使用物联网设备时提高应用效率的最佳方法之一。

    用户6543014
  • mac上nginx+jetty负载均衡部署一览

    曾经在windows上进行编程,因为linux系统在服务器端应用比较广泛,专门学了shell脚本,在笔记本上装过一个deepin(linux发行版)进行开发,d...

    java达人
  • Ubuntu下nginx服务器开启https的方法

    nginx 配置文件夹: /etc/nginx/ nginx 执行文件: /usr/sbin/nginx 添加https站点:修改 /etc/nginx/sit...

    RieRuuuu
  • Nginx(3)——支持HTTPS

    在configure arguments:后面显示的原有的configure参数,不支持ssl模块,需要增加ssl 模块

    羊羽shine

扫码关注云+社区

领取腾讯云代金券