Solve the problem of inconsistent front and back end ports of Vue

Vue front and back end ports are inconsistent

In the config index.js file

Just import the following code

proxyTable: {
'/api': {
target: 'http://localhost:3000', //The backend interface to be accessed changeOrigin: true,
pathRewrite: {
'^/api': '/'
//The configuration here is a regular expression. The one starting with /api will be replaced with '/api'. If the interface of the backend document is /api/list/xxx
//The front-end API interface is written as: axios.get('/api/list/xxx'), and the actual access after processing is: http://news.baidu.com/api/list/xxx
}
}},

The port number of vue server startup is different every time

Yesterday I ran a project given by a friend on my computer. Since he was using vue3.0 and I was using vue2.5.2, there was an error message when running his project. It might be a version problem. I followed the error message to download the plug-in, and his project worked. But since then, every time I run my project, I find that the port number is different.

Solution:

First download npm install [email protected]

Reinstall dependencies npm install

Restart the project npm run dev

The above is my personal experience. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM.