• 关于nginx反向代理后获取不到客户端的真实ip地址问题

    发表于 2020-10-17 16:24浏览742• 评论0条 • 0人点赞 • 0人收藏

    10月

    17

    技术分享

    做的个人博客时用nginx做了一下反向代理,发现不能获取客户端ip了,都是拿到的本机ip

    1、nginx反向代理配置时,一般会添加下面的配置

        
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        
    
  • 在表单外使用提交按钮

    发表于 2020-12-01 15:35浏览5• 评论0条 • 0人点赞 • 0人收藏

    12月

    01

    技术分享

    代码如下

         
    <form id="myForm">
        <label for="email">Email:</label>
        <input type="email" name="email" placeholder="Email" />
    </form>
    
    <button type="submit" form="myForm">提交</button>
        
    
  • Js jquery - 返回头部

    发表于 2020-11-23 09:20浏览57• 评论0条 • 0人点赞 • 0人收藏

    11月

    23

    技术分享

    代码如下

         
    $("#retTop").click(function () {
            $('html,body').animate({scrollTop: 0},'slow');
    });
        
    
  • 29种css3 hover字体动画效果(鼠标移入动画效果)

    发表于 2020-10-28 13:16浏览122• 评论0条 • 0人点赞 • 0人收藏

    10月

    28

    技术分享

    1、CDN方式

         
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.1.1/css/hover-min.css" rel="stylesheet" />
        
    

    2、npm 安装

         
    npm install hover.css --save
        
    
  • vue2 调用facebook登录和分享

    发表于 2020-12-12 14:46浏览16• 评论0条 • 0人点赞 • 0人收藏

    12月

    12

    技术分享

    1、facebook->进入开发者 https://developers.facebook.com/b

    2、public/index.html 增加以下代码

     
    <-- 引入sdk, appid换成 你的应用编号 -->
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_CN/sdk.js#xfbml=1&version=v3.3&appId=xxxxxxxxxxx&autoLogAppEvents=1"></script>
     
    
  • vue项目使用async await 封装 axios

    发表于 2020-12-09 16:44浏览9• 评论0条 • 0人点赞 • 0人收藏

    12月

    09

    技术分享

    代码如下:

     
    import axios from 'axios';
    import qs from 'qs';
    axios.defaults.timeout = 6000;
    const domainName = process.env.NODE_ENV === 'development' ? '/api/' :  `//www.cpsblog.cn/`;
    const api = {
      async get (url, data) {
        try {
          let res = await axios.get(domainName + url, {params: data});
          res = res.data;
          return new Promise((resolve) => {
            if (res.code === 0 || res.code === 1) {
              resolve(res)
            } else {
              resolve(res)
            }
          })
        } catch (err) {
          console.log(err);
        }
      },
      async post (url, data) {
        try {
          let res = await axios.post(domainName + url, qs.stringify(data));
          res = res.data;
          return new Promise((resolve, reject) => {
            if (res.code === 0 || res.code === 1) {
              resolve(res)
            } else {
              reject(res)
            }
          })
        } catch (err) {
          console.log(err);
        }
      },
    };
    export { api }
     
    
  • linux 安装node.js

    发表于 2020-10-17 15:43浏览482• 评论0条 • 0人点赞 • 0人收藏

    10月

    17

    技术分享

    1、选择要下载node的版本,淘宝镜像下载 https://npm.taobao.org/mirrors/node/

    2.进入到 cd /usr/local 下面执行下面的代码

        
    wget  https://npm.taobao.org/mirrors/node/v14.11.0/node-v14.11.0-linux-x64.tar.xz
        
    
    node下载
  • nvm 常用命令

    发表于 2020-11-27 11:58浏览13• 评论0条 • 0人点赞 • 0人收藏

    11月

    27

    技术分享

    nvm 常用命令

         
    nvm install stable ## 安装最新稳定版 node
    
    nvm install <version> ## 安装指定版本 如:安装v14.15.1,15.3.0
    
    nvm uninstall <version> ## 删除已安装的指定版本,语法与install类似
    
    nvm use <version> ## 切换使用指定的版本node
    
    nvm ls ## 列出所有安装的版本
    
    nvm ls-remote ## 列出所有远程服务器的版本(官方node version list)
    
    nvm current ## 显示当前的版本
    
    nvm alias <name> <version> ## 给不同的版本号添加别名
    
    nvm unalias <name> ## 删除已定义的别名
    
        
    
  • cpsblog
  • Do you like me?

  • 热门文章
  • 推荐文章
  • 最新文章