Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js vue.config.js文件中的代理规则_Node.js_Vue.js - Fatal编程技术网

Node.js vue.config.js文件中的代理规则

Node.js vue.config.js文件中的代理规则,node.js,vue.js,Node.js,Vue.js,你能告诉我下列考虑是否正确吗 vue.config.js: module.exports = { //configure webpack-dev-server behavior devServer: { proxy: { '/api': { target: 'localhost:3000/', changeOrigin: true, pathRewrite: { '^/api': '' } }

你能告诉我下列考虑是否正确吗

vue.config.js:

module.exports = { 
//configure webpack-dev-server behavior 
devServer: { 
 proxy: { '/api': 
         { target: 'localhost:3000/', 
           changeOrigin: true, 
           pathRewrite: { '^/api': '' } 
        } 
         } } }
考虑事项:

  • '/api':{target:'localhost:3000'..}
  • 从我的vue应用程序中向/api'发出的所有请求都将转发到目标:“localhost:3000”

    因此,如果我的客户端(vue应用程序)在localhost:8080上运行,并且有以资源路径/api开头的请求,那么这些请求将被代理到目标地址:localhost:3000

    例如:

    请求localhost:8080/api将被代理到localhost:3000/api

    请求localhost:8080/api/1将被代理到localhost:3000/api/1,依此类推

  • pathrewite:{'^/api':''}
  • ^/api
    是一个正则表达式

    pathRewrite匹配目标地址中的/api路径段,并将其替换为空字符串(/api)

    例如,对localhost:3000/api/1的代理请求将成为localhost:3000/1

    全部正确还是有错误


    谢谢

    似乎是正确的