Vue-cli3.0 .env.development cannot get the devServer.proxy in vue.config.js

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

Development environment: vue 3.0.4
vue-cli 3.0
node v8.11.0

related codes

.env.development file code

VUE_APP_BASE_API=/api

vue.config.js file code

module.exports = {
  productionSourceMap: false,
  assetsDir: "static/xxx",
  devServer: {
    proxy: {
      "/api": {
        target: "https://www.xxx.com",
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }
};

finally print

in the request.js encapsulating axios

console.log("request", process.env.VUE_APP_BASE_API);
 /api

what result do you expect?

does not print a cross-domain address. I hope someone can take a look at it

Vue-cli vue.js

Sep.30,2021

'/ api'

print definitely printed api have your requested address changed? I see nothing wrong with your configuration

I have the same problem solved

Previous: Php gets parameters on url

Next: Do you choose web front-end or nodejs back-end for your first job?

Vue.js realizes the specification selection function of commodity details page.
vue.js implements specification selection on product details page Click to select version option and click to select color option. Highlight has been selected. How to display the selected version and color html Code < div class= "chose-ck " > : ...

Html5 javascript vue-cli vue.js

Feb.27,2021
Vue introduces css static resources to report errors
build the project: vue init webpack my-app with vue scaffolding After , I want to introduce css file structure directory main.jsimport what is the reason for this ...

Vue-cli vue.js

Feb.28,2021
Is it okay to rely on react-create-app / vue-cli?
although it is said that the use of webpack webpack-dev-server, and then with babel transcoding, coupled with a variety of loaders and plugins can really be better, targeted to build a development environment. but these configurations take too much ti...

Vue-cli vue.js react.js

Mar.01,2021
Vue-cli scaffolding initialization project is running Times error
1. The project initialization statement vue init webpack vuex-iview 2.ESLint is preceded by y and followed by n 3. After initialization, cd vuex-iview then npm run dev 4. Next, I reported an error (I posted a full screenshot below). I have tried to re...

Npm vue-cli vue.js

Mar.02,2021
May I ask where the web page icon (favicon) of the project built by vue-cli was introduced? How can it be removed?
as shown in figure I really can t find it. Ask for help ...

Html5 html javascript vue-cli vue.js

Mar.02,2021
The cordova packaged vue project cannot be connected to the Internet.
use cordova to package the vue project because apk, cannot connect to the network, and network pictures are not displayed ...

Vue-cli vue.js cordova

Mar.02,2021
There is a problem with vue.js, that is, the problem of page refresh.
suppose a vue-cli single-page application has parent and child components, as well as non-parent-child components. When I click on a child component, that is, by adding a route to a child component (or a non-parent component), the problem arises. What if...

Vue-cli vue.js

Mar.03,2021
Failed to load vue packaged css image
access the project file in www.a.com HMall, which contains static and index.html, but the background image in css cannot be found. The address of the accessed image is www.a.com static icon.png,. The real image address is www.a.com HMall static icon.png...

Webpack vue-cli vue.js

Mar.03,2021
After webpack was packaged, Wechat opened the page on ios and reported an error about manifest.
Environment, version: node: 8.9.3 webpack: 3.6.0 vue: 2.2.2 vue-cli: 2.x webpack is a template that uses vue-cli. After packaging, an error is displayed on the WeChat end of ios, while Android is fine: prompt that there is an error ...

Webpack vue-cli vue.js javascript

Mar.04,2021
Vue payment password pop-up window how to do?
how to imitate the Alipay password pop-up window in the vue single page? ask for advice ...

Vue-cli vue.js

Mar.04,2021
After vue-cli creates a project to add eslint, eslint's rules are not based on .editorconfig?
after I created the webpack template with vue-cli, I wanted to try to use eslint to standardize the code format. then change indent_size = 2 to 4 in the .editorconfig file. found that it didn t work. later found that the code format check is b...

Vue-cli vue.js

Mar.04,2021
After the vue-cli project npm run build, how can the html under the dist directory be opened directly by the browser?
Build complete. Tip: built files are meant to be served over an HTTP server. Opening index.html over file: won t work. after npm run build is generated, it prompts me that I need to run under the http server. How can I set it up so that I can ...

Vue-cli vue.js

Mar.05,2021
The vue-cli project will be compiled again every time the file is modified, first aid
what a waste of time ask why this is caused by Why can t upload pictures, kindly tired ...

Vue-cli vue.js

Mar.05,2021
Vue init webpack project error Cannot read property 'transforms' of null
node: 8.11.1 npm: 5.6.0 vue: "^ 2.5.2 ", vue-cli@2.9.3 ...

Webpack vue-cli vue.js

Mar.05,2021
How does vuejs introduce the module?
this question has puzzled me all the time import modules into components like this. For example, I have to rely on these things for many components. and then import them one by one. Will you repeatedly package these modules into the code when packi...

Vue-cli vue.js

Mar.05,2021
In vue-cli, how to add a class to an element of the page to change the style according to the natural route as a condition.
now you need to change the style of an element on the page based on the current route when the page jumps to a route. Boss, don t just talk about ideas, but also talk about the specific implementation code. I am relatively bad, a lot of grammar is not ...

Vue-router vue-cli vue.js

Mar.05,2021
What if the vue-cli hot update fails?
question: vue-cli modifies the file under MAC. It doesn t compile automatically, and it doesn t report an error. What s going on here? Action: the webstorm I used turned off the safewrite and it didn t work. Changing the editor won t work. I can t...

Vue-cli vue.js node.js javascript

Mar.06,2021
Issues related to the launch of vue
the current situation is I finished developing the vue project, packed it into the test environment, specified the xxx.com domain name with nginx to this static file, and then I can access it. the backend uses the tomecat server. When the backend s...

Vue-cli vue.js

Mar.06,2021
How does the vue destroyed () function change a css style?
in vue, this is a window departure event. I want to change the style of body through this, but it seems to have misreported . how can I change its style? ...

Front-end-framework javascript vue-cli vue.js

Mar.06,2021
The dist folder generated after vue-cli+webpack executes npm run build, can you upload the files in this folder directly?
I ve been learning vue for some time, and it s good to use it for simple project exercises. I just have a question for the time being. Such as the title, is that so? Do you need to pay attention to anything backstage? I have not done anything like this...

Webpack vue-cli vue.js

Mar.07,2021