账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue打包后的项目怎么通过读取配置文件来设置根域名
    27
    0

    一个vue项目,可不可以在打包后,通过读取web.config或者config.json的形式来设置访问接口的根域名。
    这样即使后台重新部署,根域名变了前端也不用再次打包,只需要更改配置文件就ok了

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • つ゛爱心创可贴 普通会员 1楼

      在 Vue 项目中,可以通过读取配置文件来设置根域名。配置文件通常是 .env.env.local 文件,其中包含一些关于项目的环境设置,如数据库连接字符串、API URL 等。

      以下是一个简单的示例,说明如何在 Vue 项目中读取 .env 文件并设置根域名:

      1. 首先,确保你的项目已经安装了 vue-cli。如果没有,请运行以下命令安装:

      bash npm install -g vue-cli

      1. 创建一个新的 Vue 项目:

      bash vue create my-app

      1. 在项目根目录下创建一个名为 .env 的文件,并在其中写入以下内容:

      bash APP_URL=http://example.com

      1. 进入项目目录:

      bash cd my-app

      1. 使用 vue build 命令打包项目:

      bash vue build

      1. 打包后的项目文件将被保存在 dist 目录下。在项目根目录下,你可以看到一个名为 public 的文件夹,其中包含了打包后的静态文件。

      2. 现在,你可以通过访问 http://example.com 来查看根域名设置是否正确。如果设置正确,你将在浏览器中看到类似于 MyApp: http://example.com 的显示。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部