记关于vue-cli3 本地代理模拟数据的实践

网上说的基本都是使用express或http-server作为服务器或其它什么东西
自己把玩php也有些年头，就用php好了

服务环境 apache，php先配置好隐藏php后缀扩展名:

在httpd.conf中 FilesMatch 标签内增加：ForceType application/x-httpd-php

这样只针对主端口下的隐藏，自定义端口折腾了半天，无法使用此法，只能用urlrewrite

先在httpd.conf开启模块 ：LoadModule rewrite_module modules/mod_rewrite.so

在虚拟端口配置文件中增加：

RewriteEngine on
RewriteRule ^(.*)$ $1.php

重启apache

配置代理：

用的是vue-cli3，在项目根目录下增加vue.config.js :

module.exports = {
    devServer: {
        port: 8999,
        proxy: {
            '/api': { target: 'http://localhost:81/', changeOrigin: false },
            '/api_test': { target: 'http://localhost:81/', changeOrigin: false }
        }
    },
    
}

请求:

       this.$axios.get("/api")
        .then(function(repsonse){
            console.log(repsonse);
        })
        .catch(function(error){
            console.log(error);
        });