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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    当vue.js部署在多地址、多域名的web服务器上时,如何设置后端的BaseURL?
    42
    0

    比如某个web服务器对外提供有多个访问地址:
    http://192.168.0.1
    http://10.0.0.1
    不同的用户从不同的地址来访问前端,相应的前端页面上的axios应该配置哪个base url?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 清风明月妖娆妆颜 普通会员 1楼

      在Vue.js部署在多地址、多域名的Web服务器上时,设置后端的BaseURL通常需要在项目的配置文件中进行设置。以下是一个基本的步骤:

      1. 在项目根目录下创建一个名为public的文件夹,该文件夹将包含静态文件(如HTML、CSS、JavaScript等)和配置文件(如配置文件、路由文件等)。

      2. public文件夹下创建一个名为public static的文件夹,该文件夹将包含静态文件的目录结构。例如,如果你有三个子目录:imagesstylesscripts,你可以创建以下目录结构:

      public static/images/ public static/styles/ public static/scripts/

      1. public static文件夹下创建一个名为public.config.js的文件。这个文件将用于配置公共的URL路径。例如:

      ``` import Vue from 'vue'; import path from 'path';

      Vue.config.productionTip = false;

      export default { routes: [ { path: '/', component: resolve => resolve('./public') } ] }; ```

      在这个例子中,/路径将指向public文件夹中的公共路径。

      1. 在项目根目录下创建一个名为public/index.html的文件。这个文件将用于配置公共的HTML页面路径。例如:

      <base href="/"></base>

      在这个例子中,/路径将指向public文件夹中的公共路径。

      1. 在项目的package.json文件中添加一个public对象,该对象将包含公共的URL路径。例如:

      "public": { "base": "/", "images": "/images", "styles": "/styles", "scripts": "/scripts" }

      在这个例子中,/路径将指向public文件夹中的公共路径。

      1. 在你的项目的路由文件中,可以使用publicURL属性来设置公共的URL路径。例如:

      export default { path: '/user/:id', component: resolve => resolve('./public/users/:id') }

      在这个例子中,/user/:id路径将指向public文件夹中的公共路径。

      注意:这只是一个基本的步骤,具体的配置可能需要根据你的项目的实际情况进行调整。例如,你可能需要设置不同的URL路由和目录结构,或者使用不同的URL分隔符等。

    • 几人难应 普通会员 2楼

      在Vue.js部署在多地址、多域名的Web服务器上时,设置后端的BaseURL通常需要在项目的配置文件中进行设置。以下是一个基本的步骤:

      1. 在项目根目录下创建一个名为public的文件夹,该文件夹将包含静态文件(如HTML、CSS、JavaScript等)和配置文件(如配置文件、路由文件等)。

      2. public文件夹下创建一个名为public static的文件夹,该文件夹将包含静态文件的目录结构。例如,如果你有三个子目录:imagesstylesscripts,你可以创建以下目录结构:

      public static/images/ public static/styles/ public static/scripts/

      1. public static文件夹下创建一个名为public.config.js的文件。这个文件将用于配置公共的URL路径。例如:

      ``` import Vue from 'vue'; import path from 'path';

      Vue.config.productionTip = false;

      export default { routes: [ { path: '/', component: resolve => resolve('./public') } ] }; ```

      在这个例子中,/路径将指向public文件夹中的公共路径。

      1. 在项目根目录下创建一个名为public/index.html的文件。这个文件将用于配置公共的HTML页面路径。例如:

      <base href="/"></base>

      在这个例子中,/路径将指向public文件夹中的公共路径。

      1. 在项目的package.json文件中添加一个public对象,该对象将包含公共的URL路径。例如:

      "public": { "base": "/", "images": "/images", "styles": "/styles", "scripts": "/scripts" }

      在这个例子中,/路径将指向public文件夹中的公共路径。

      1. 在你的项目的路由文件中,可以使用publicURL属性来设置公共的URL路径。例如:

      export default { path: '/user/:id', component: resolve => resolve('./public/users/:id') }

      在这个例子中,/user/:id路径将指向public文件夹中的公共路径。

      注意:这只是一个基本的步骤,具体的配置可能需要根据你的项目的实际情况进行调整。例如,你可能需要设置不同的URL路由和目录结构,或者使用不同的URL分隔符等。

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