[跨域代理]
    1后台之间没有跨域限制
    a[服务器一般有做白名单]
    2客户端和服务器才有跨域限制
    a[浏览器的安全策略]
    3原理:间接访问,客户端访问代理服务器(客户端和代理服务器同源),代理服务器和存储数据的服务器没有跨域限制,就可以访问
    4node里dev-server

    本地开发:直接基于 dev-server proxy实现跨域代理
    部署上线:服务器没有 但是可以基于nginx反向代理来做
    nginx反向代理和dev-server配套

    4
    server
    listen
    80;
    192.168,161.189;
    servername
    #charsetkoi8-r
    logs/hostaccess.log
    #access_log
    main;
    Location
    proxy_passhttp://192.168.161.189:8070;
    html;
    root
    index.htmlindex.htm;
    indeX
    Proxy - 图1

    自己写dev-server

    1. const path = require('path');
    2. const HtmlWebpackPlugin = require('html-webpack-plugin');
    3. module.exports = {
    4. mode: 'production',
    5. entry: './src/main.js',
    6. output: {
    7. filename: 'main.[hash].min.js',
    8. path: path.resolve(__dirname, 'build')
    9. },
    10. devServer: {
    11. port: '3000',
    12. compress: true,
    13. open: true,
    14. hot: true,
    15. proxy: {
    16. '/': {
    17. target: 'http://127.0.0.1:3001',
    18. changeOrigin: true
    19. }
    20. }
    21. },
    22. // 配置WEBPACK的插件
    23. plugins: [
    24. new HtmlWebpackPlugin({
    25. template: `./public/index.html`,
    26. filename: `index.html`
    27. })
    28. ]
    29. };