前端js获取本项目的项目根地址

类似 http://localhost:9528/#/device/monitorTalkBack
或 https://192.168.11.11:9528/#/device/monitorTalkBack

http://localhost:9528/或https://192.168.11.11:9528/

function getLocalHostPath(){
		//获取项目url
 		let cur = window.document.location.href;
 		//获取项目名
        let pathname = window.document.location.pathname;
        let localhostPath;
        //如果项目名不是根路径,根据项目名直接找到索引,截取
        if(pathname!="/") {
          let pos = cur.indexOf( pathname );
          localhostPath = cur.substring( 0, pos )+'/';
        }else{
        //如果项目名是根路径,根据正则进行截取
          let reg = /((http:\/\/|https:\/\/)(\w|\.)*:\d*\/)(.*)/
          localhostPath = cur.replace(reg,function ($,$1,$2,$3,$4) {
            return $1;
          })
        }
        return localhostPath
 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Django 项目中,你可以使用 Vue.js 创建前端文件。下面是一些简单的步骤: 1. 安装 Vue CLI 首先,你需要安装 Vue CLI。你可以使用以下命令安装: ``` npm install -g @vue/cli ``` 2. 创建 Vue.js 项目 在 Django 项目的根目录下创建一个新的文件夹,比如 `frontend`,然后在该文件夹中运行以下命令来创建一个新的 Vue.js 项目: ``` vue create . ``` 这将创建一个新的 Vue.js 项目,并将其添加到当前文件夹中。你需要选择一些选项,如 Babel、CSS 预处理器等,根据你的需求进行选择。 3. 配置 Django 项目 接下来,你需要将 Vue.js 项目与 Django 项目连接起来。可以在 Django 项目的 `settings.py` 文件中添加以下配置: ```python STATICFILES_DIRS = [ os.path.join(BASE_DIR, "frontend", "dist", "static"), ] TEMPLATES = [ { "BACKEND": "django.template.backends.django.DjangoTemplates", "DIRS": [ os.path.join(BASE_DIR, "frontend", "dist"), ], "APP_DIRS": True, "OPTIONS": { "context_processors": [ "django.template.context_processors.debug", "django.template.context_processors.request", "django.contrib.auth.context_processors.auth", "django.contrib.messages.context_processors.messages", ], }, }, ] ``` 这将使 Django 项目在运行时可以找到 Vue.js 生成的静态文件和模板。 4. 构建 Vue.js 项目 最后,你需要构建 Vue.js 项目并将生成的静态文件放入 Django 项目中。可以在 Vue.js 项目的根目录下运行以下命令来构建项目: ``` npm run build ``` 这将生成一个名为 `dist` 的文件夹,其中包含静态文件和模板。你需要将该文件夹复制到 Django 项目的根目录下。 现在,你已经成功地将 Vue.js 项目添加到 Django 项目中。在 Django 项目中使用 Vue.js 时,你可以在模板中使用 Vue.js 组件,或者使用 Django REST framework 创建 API 并从 Vue.js 组件中获取数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值