没有vue-cli的vue中proxy.conf.json的替代方案？

在没有vue-cli的情况下，可以使用webpack-dev-server来替代vue中的proxy.conf.json配置。

Webpack是一个现代化的JavaScript应用程序的静态模块打包工具，而webpack-dev-server是Webpack官方提供的一个开发服务器。它可以在开发过程中提供一个本地服务器，并且支持热模块替换（HMR）等功能。

要实现类似proxy.conf.json的功能，可以在webpack配置文件中进行相应的配置。以下是一个示例：

1. 首先，在项目根目录下创建一个webpack.config.js文件。
2. 在webpack.config.js中，引入webpack和webpack-dev-server模块：

const webpack = require('webpack');
const webpackDevServer = require('webpack-dev-server');

1. 配置webpack的devServer选项，包括代理配置：

module.exports = {
  // 其他配置项...
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com', // 代理目标地址
        changeOrigin: true, // 是否改变请求源地址
        pathRewrite: {
          '^/api': '' // 路径重写，将/api替换为空字符串
        }
      }
    }
  }
};

上述配置中，我们将以/api开头的请求代理到http://api.example.com，并且将请求源地址改变为目标地址。

1. 在package.json中添加一个启动命令，用于启动webpack-dev-server：

{
  "scripts": {
    "start": "webpack-dev-server --config webpack.config.js"
  }
}

1. 运行npm start命令启动开发服务器。

这样，当你在Vue项目中发起以/api开头的请求时，Webpack Dev Server会将请求代理到目标地址，并将响应返回给Vue应用。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云云数据库MySQL版（CDB），腾讯云对象存储（COS）等。你可以在腾讯云官网上找到更多关于这些产品的详细介绍和文档。

参考链接：

• webpack官方文档：https://webpack.js.org/
• webpack-dev-server官方文档：https://webpack.js.org/configuration/dev-server/
• 腾讯云官网：https://cloud.tencent.com/