反向跨域问题笔记

前端：

1. 1. npm install eslint –g
   2. npm install
   3. npm run dev
   4. 域名解析:

C:\Windows\System32\drivers\etc

Ip  + 域名

127.0.0.1    manage.guowang.com

127.0.0.1    api.guowang.com

127.0.0.1      manage.jd.com

127.0.0.1      api.jd.com

 

 

Nginx中config文件夹下nginx.conf文件中配置域名与IP地址，IP为自己的本机IP 。

Ex:

server {

    listen 80;

     server_name manage.guowang.com;

    proxy_set_header X-Forwarded-Host $host;

    proxy_set_header X-Forwarded-Server $host;

    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    location / {

       proxy_pass http://127.0.0.1:8001;

       proxy_connect_timeout 600;

       proxy_read_timeout 600;

    }

   }

 

    server {

    listen 80;

    server_name api.guowang.com;

    proxy_set_header X-Forwarded-Host $host;

    proxy_set_header X-Forwarded-Server $host;

    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    location / {

       proxy_pass http://127.0.0.1:10010;

       proxy_connect_timeout 600;

       proxy_read_timeout 600;

    }

   }

• 1. 如果前端后端能够正常运行，MySQL数据库中建有后端所需的表，那么在访问的时候的大部分的错误都是路径错误，应该仔细观自己设置的路径，
• zuul:
    prefix: /api   # 添加路由前缀
    routes:
      item-service: /item/**   # 将商品微服务映射到/item/**