vue-cli3 如何请求本地接口？

Question

萌新求教大佬，vue脚手架利用axios如何请求本地接口？axios里的url要如何写？
project

node_modules
public
src
    api
        api.php
    assets
    components
    views
        send.vue
    App.vue
    main.js
vue.config.js

想在send.vue中用axios的post方法请求api文件夹中api.php文件，不知道这个url的路径改怎么写，萌新求教
顺便问一句，api的接口文件一般都放到哪个目录位置比较好

Answer 1

1.写完整路径， 让后端给你开cors, header("Access-Control-Allow-Origin: \*");

2.写相对路径 + webpack 的反向代理,

vue.config.js :

proxy: {
  [VUE_APP_BASE_API]: {
    target: 'http://baidu.com', // 后端域名
    changeOrigin: true,
    pathRewrite: {
      '^/api': '' // URL正则匹配替换'^/api'替换为''
    }
  }
},

Answer 2

先看看本地的php接口起来没
axios的全局配置 main.js

// 默认的公共的头
Axios.defaults.baseURL = 'http://182.92.225.21:8080/';

vue-cli3跨域在vue.config.js文件里面这么写

  devServer: {
    proxy: 'http://localhost/8080'
  }