Cross-domain problems of local development of WEB projects separated from front and rear ends

Development environment: MAC OS, APACHE, PHP7.2, ThinkPHP5, vue.js 3.0, axios.

the back-end interface is developed by ThinkPHP5, and cross-domain headers have been added to return the data. Deployed on the local IP:192.168.0.3:80.
the data returned by the interface can be accessed through POSTMAN.

HEADER

vue-cli192.168.0.3:8080:

how should I set up cross-domain in this case? I have no experience. I messed up all night and didn"t get it done at 5 o"clock this morning. no, no, no. Anxious, please have a lot of advice from experienced friends, thank you!

Php vue.js

May.14,2021

you've already used cli. Why don't you use the proxy agent?

that specializes in solving this kind of problem. There are proxy settings in

vue-cli .
but! If you're afraid of trouble, don't say anything. Why don't you try this, once and for all.
is probably the simplest and roughest way to solve cross-domain problems in the Eastern Hemisphere :
1. chrome copy shortcuts.
2. Right-click the shortcut and change the property-destination
to the following (make sure these installation paths exist)

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=C:\Program Files (x86)\Google\Chrome\Application

3. Advantages: you can even debug the online interface on the local page.

now in the development stage, let the backend program open cross-domain and solve the problem of hanging Access-Control-Allow-Origin (the error prompted by console, you should have sent a post request, but it is a complex request. The browser sends a request of OPTIONS type, but the backend does not process this type of request). It is not recommended to use jsonp to solve

or nginx

const APIS = [
    '/api/'
]
const target = ''

const onProxyReq = proxyReq => {}
module.exports = APIS.reduce((result, curr) => {
    result[curr] = {
        target,
        onProxyReq,
        changeOrigin: true
    }
    return result
}, {})

then configure proxyTable in config ~

Previous: Excuse me, what is this component and how to implement it with vue?

Next: Js interview questions

Vue:localhost:8080/-sharp/register jump into localhost:8080/?-sharp/register?
localhost:8080 -sharp register ; register(); :localhost:8080 ?-sharp register;ajax;;localhost:8080 ?-sharp register;home : vue@;formform ...

Php vue.js

Feb.26,2021
The front and rear ends are separated. How to solve the problem of token playback?
now the project is a front-end separation, front-end vue-cli, back-end PHP. Using the jwt-token authentication mechanism, how to prevent return attacks? ...

Token php vue.js

Mar.13,2021
How does vue implement the common part of html?
Development background: suppose there is a h5 app project, the front and rear ends are completely separated, the front end communicates data through json , and the front end uses vue for data rendering development. questions requirements at...

Php vue.js javascript

Mar.13,2021
Questions about koa-router,module.exports exporting fn, to router.post ('/ url', fn))
< H2 > implement a picture upload and form data submission, but there is a problem < H2 > require,module.exports require module.exports ...

Node.js java php vue.js koa.js

Mar.20,2021
Nginx reverse proxy responds to 200but no data is returned
the dist directory after the front end packages the files of vue, and then uses nginx reverse proxy. The ajax framework uses axios nginx configuration node.jsjson location style { proxy_pass http: localhost:8888; proxy_set_header Hos...

Nginx php vue.js axios

Mar.25,2021
Php backend interfaces cannot cross domains
has been added to the php interface file: header("Access-Control-Allow-Origin:*"); header( Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept ); however, the front end still reports an error when calling the inter...

Php vue.js cors

Apr.03,2021
Problems with front and rear interfaces of vue
I have learned a novice vue, and I have also gone through the official website. I am a bit vague about the front and back end interfaces. I don t know if it is correct to understand this: the back end (assuming php) provides json data through .php files...

Ajax php vue.js

Apr.05,2021
How are the values in the vue child component submitted to the parent component for AJAX to request different data?
I am a novice, expecting VUER to give me the strength to move forward. I encountered a problem. I couldn t find out many solutions for two days. this is the sub-component code I wrote: Vue.component( list-ol ,{ props:[ name_en , name_cn ], ...

Php vue.js

May.22,2021
The front and back ends separate the project, and the background token is refreshed. How does the front end know it is refreshed?
there are two related token, one is access_token , the other is refresh_token , there are two questions, please explain: The function of 1, refresh_token is to see that access_token is about to expire, then access_token will be regenerated, so...

Laravel php vue.js javascript

Jun.03,2021
The Vue project is placed on the online server, and the axios request address prompts net::ERR_CONNECTION_REFUSED.
Vueaxioshttp: locahost ...net::ERR_CONNECTION_REFUSED? header("Access-Control-Allow-Origin:*")...

Axios php vue.js http

Aug.16,2021
How does @ websanova/vue-auth, the vue verification plug-in, work? Some of the official documents are difficult to understand.
https: laravelacademy.org po. https: npm.taobao.org packag. ...

Php vue.js

Aug.27,2021
Query data according to time
requirement: when the data is saved, the time type used is timestamp, so the current insertion time is automatically saved. Then I need to count the data I inserted, and count it by time period. First, show all the months in which the data exists, click ...

Mysql php vue.js

Sep.01,2021
Is it necessary to use mock to simulate fake data in front and back-end separate development?
in the actual development, it is found that the front and back end work together to determine the input and output format, which is very time-consuming. When the fake data is simulated, sometimes the background api can be developed. for example, some si...

Front-end javascript laravel php vue.js

Apr.06,2022
Under vue, the axios submits the data to the php backend and stores it in mysql. What if I take out the data in json format with double quotation marks?
The offer values of 1 and vue are set as follows: offer: { isshow:false, sum_total_price:0, sum_discount:0, sum_price:0, children:[] } The axios submission code under 2 and vue...

Mysql php vue.js

Apr.06,2022
Pagoda panel backstage with thinkPHP5, front-end vue-cli how to configure?
the native PHP,vue-cli build used before can be run by putting it directly into the running directory. the thinkPHP that just changed today, put the file after build under view, open the website and report an error. Does need additional configuration? ...

Thinkphp vue.js

May.26,2022
Vue websocket plug-in
is there any websocket plug-in that can be used in vue to support disconnection and reconnection! Vue-socket doesn t work because I m using swoole, not socket.io ....

Javascript swoole php vue.js

Jul.18,2022