Cross-domain problems after the launch of the vue project

problem description

vue2 imitates QQ Music project. After being packaged and launched, the agent has cross-domain problems, and some data cannot be requested

the environmental background of the problems and what methods you have tried

the server side is the nginx environment, and there are a lot of references on the Internet, but it still hasn"t been solved

related codes

/ / Please paste the code text below (do not replace the code with pictures)

the pagoda panel nginx agent configuration information

before

is shown in the picture.

what result do you expect? What is the error message actually seen?

how to match the server-side nginx, please help me

Javascript nginx

Feb.07,2022

refer to the profile portrait of Wechat, the agent

location ^~ /wechat_avatar/ {
    add_header 'Access-Control-Allow-Origin' "$http_origin" always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;
    add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-   Since,Keep-Alive,Origin,User-Agent,X-Requested-With' always;
    proxy_pass http://thirdwx.qlogo.cn/;
}

Previous: Shouldn't clientWidth be the distance marked by the red line in the middle? What? it's 1525 when I print it out.

Next: Webpack packages multi-page applications. Style-loader and css-loader cannot process css files.

Safari:Failed to load resource: frame loading interrupted
safari: reference article nginx configuration ...

Safari javascript nginx

Feb.27,2021
Css and js files cannot be loaded online
the project has been working well online, but recently there has been a very strange phenomenon these two files initially display 200 ok and then become failed. I confirmed that these two files exist in the project on the server, and I don t know ...

Php javascript nginx

Mar.07,2021
Nginx is configured but cannot be accessed through a domain name
my server has been configured with a sub-domain name, such as aaa.bbb.com. A new index.html,nginx configuration has been created under root as follows, but the welcome page of nginx appears when accessing aaa.bbb.com. It is not the index.html, under roo...

Javascript nginx

Mar.18,2021
Nginx forwarding rule configuration
the above rule means that requests ending in .do are forwarded to http: admintest.happymmall.com. so how do you match a rule that starts with xx? for example, if it starts with amdin, it forwards these interfaces for admin user, admin list . ...

Javascript nginx centos

Mar.20,2021
Ask a question about how to configure a reverse proxy for nginx
Local cross-domain configuration is practical: proxy, local test cross-domain has no problem, the data can be accepted normally, and the background can console " api": { "target": "http: 132.232.22.140:8889 api", ...

Node.js javascript nginx

Apr.05,2021
Nginx settings reverse generation, 404, can ensure that the configuration is not a problem, can ensure that the interface is not a problem, so it is very fascinating
upload file API, cross-domain, and then reverse through Nginx. The configuration is as follows: location aaa { proxy_pass http: www.xxx.com:8887 aaa api device upload; } Test: proxy_pass http: bing.com; can see the Bing page, so the conf...

Javascript nginx java php linux

Jul.06,2021
Nginx reverse proxy solves cross-domain problems
this is my request code $.ajax({ url:" apis h5 policy.do", type:"post", data:{pageSize:7}, success:function(data){ console.log(data) ...

Javascript nginx

Jan.16,2022
Explicit congestion notification: ECN is not supported
problem description when the web project is accessed by the internal network, it can be accessed successfully, but when it is accessed through the external network, the js is not loaded completely. access to js alone, the first load: status code: 200...

Javascript nginx

Feb.11,2022
Vue history mode deployment to Nginx refresh 404
the project is deployed on Nginx. Because the change directory has already given other permissions, it is said that the project is directly placed under dist, so the assetsPublicPath changes to the relative path when build. build: { Template...

Javascript nginx vue-router html5

Mar.23,2022
About the problem of Nginx reverse proxy?
my site is hosted on the "Code Cloud Gitee " platform. When doing another demo, the request for the site Json file failed due to a cross-domain problem. Du Niang said that the need to rent a server through the "Nginx reverse proxy " solution, but deno ...

Json javascript nginx

Jun.15,2022