• vue.js 项目 nginx 本地配置


    1、nginx conf文件夹中nginx.conf文件:


    server {
    listen 8080;
    server_name localhost;

    error_page 500 502 503 504 /50x.html;
    location = /50x.html {
    root html;
    }

    root E:/h5fromremote/dist;
    index index.html;

    location / {
    try_files $uri $uri/ @router;
    index index.html;
    }

    location @router {
    rewrite ^.*$ /index.html last;
    }

    location ~ ^/app[/w*]*$ {
    proxy_pass http://www.ee.rrrr.com;
    }

    location ~ ^/api[/w*]*$ {
    proxy_pass http://www.ee.rrrr.com;
    }

    location ~ ^/v {
    proxy_pass http://www.ee.rrr.com;
    }

    }

    (1)端口号与项目中配置的一致

    (2)root 为项目打包后的本地路径

    (3)location / {
        try_files $uri $uri/ @router;
        index index.html;
      }

    这里设置默认入口是dist中的index文件

    静态文件路径

    (4)动态接口路径

    location ~ ^/app[/w*]*$ {
    proxy_pass http://www.ee.rrrr.com;
    }

    location ~ ^/api[/w*]*$ {
    proxy_pass http://www.ee.rrrr.com;
    }

    location ~ ^/v {
    proxy_pass http://www.ee.rrr.com;
    }

    指向  http://www.ee.rrr.com

    在vue项目中config的index.js中 有如下配置:

    proxyTable: {
    '/api': {
    target: 'http://www.ee.rrr.com',
    changeOrigin: true,
    pathRewrite: {
    '^/api': ''
    }
    },
    '/v': {
    target: 'http://www.ee.rrr.com',
    changeOrigin: true,
    pathRewrite: {
    '^/v': '/v'
    }
    },
    '/app': {
    target: 'http://www.ee.rrr.com',
    changeOrigin: true,
    pathRewrite: {
    '^/app': '/app'
    }
    }
    }

    2、当访问请求接口时首先访问localhost:8080/app/list
    在nginx会被指向
    http://www.ee.rrr.com/app/list 去请求接口
  • 相关阅读:
    PLSQL学习笔记 wm_concat
    Oracle ERP 公司间往来的解决方案(转载)
    Excel单元格设成只读
    PLSQL笔记 存在性检查
    PL/SQL编程技巧
    查看Oracle EBS克隆Clone时间
    用wm_concat合并行及merge into更新
    商务英语900句
    外企公司常用英文缩写
    ASP.NET 2.0 XML 系列(5):用XmlReader读取XML文档
  • 原文地址:https://www.cnblogs.com/xmlily/p/6925443.html
Copyright © 2020-2023  润新知