使用宝塔部署H5,解决跨域问题

最新推荐文章于 2024-06-21 17:40:58 发布

Money841

最新推荐文章于 2024-06-21 17:40:58 发布

阅读量347

点赞数 3

文章标签：状态模式

本文链接：https://blog.csdn.net/weixin_64639723/article/details/138926760

版权

1.在站点修改配置文件进行跨域

server{
           listen 监听的反向代理端口;
            server_name IP地址;
        location / {
		    root 打包好上传上来的前端静态文件路径;
             	try_files $uri $uri/ /index.html;
                index index.html index.htm;
        }
	    location 和前端约定好的标志 {
            rewrite ^/标志/(.*)$ /$1 break; #获取/api后面的uri进行重定向
            proxy_pass http://IP地址:8001; # 实际后端服务地址
        }
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|js|css|ico|svg|html|woff|eot|)$ {
            root 前端项目路径;
            expires 30d;
        }
}

2. 在本地进行跨域问题解决

"h5" : {
        "devServer" : {
            "proxy" : {
                "/api" : {
                    "target" : "https://127.0.0.1",//后端地址
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite" : {
                        // "pathRewrite"是必要的，不然读取不到数据
                        "^/api" : "/"
                    }
                }
            },
            "port" : 10086
        },
        "router" : {
            "base" : "./"
        },
        "title" : "xxxx"
    },