当前位置: 首页 > news >正文

网站一般用什么语言做网站名称创意大全

网站一般用什么语言做,网站名称创意大全,中国建筑网官网测评,手机制作ppt的步骤图解1.先安装node.js和vite,具体参考: 2.管理员身份运行cmd,跳转到node安装目录: 输入: npm create vitelatest 输入项目名称,选择vue和JavaScript 2.VisualStudioCode打开(可能需要管理员权限)创建的文件夹,点…

1.先安装node.js和vite,具体参考:

2.管理员身份运行cmd,跳转到node安装目录:

输入: npm create vite@latest

输入项目名称,选择vue和JavaScript

2.VisualStudioCode打开(可能需要管理员权限)创建的文件夹,点击左侧选中

Crtrl加~打开终端

输入:npm install vue-router  配置路由

输入:  npm install axios  安装axios

输入:npm install element-plus --save  安装element-plus

3.配置文件

src目录下创建router、util、api、views文件夹。

        api文件夹下创建index.js文件,放入代码:

import http from '../util/http.js';//get:(url)=>{http({url:url,method:'get'})}
//{}代表方法体,没有return就没有返回值了
//get:(url)=>{http(return {url:url,method:'get'})}
export const API={//get方法,传入url参数get:(url)=>http({url:url,method:'get'})
};
//抛出一个实例
export default API;

        router文件夹下创建index.js文件,放入代码:

import {createRouter,createWebHashHistory} from 'vue-router';const router=createRouter({history:createWebHashHistory(),routes:[{path:'/easya',component:()=>import("../views/easya.vue")}]}
);
export default router;

        util文件夹下创建文件http.js,放入代码:

import axios from 'axios';export default function (options) {//配置每次发送请求都从sessionStorage中获取名字叫token的数据,//添加到请求头部的Authorization属性中//Object.assign用于合并对象的数据options.headers = Object.assign({ Authorization: sessionStorage.getItem('token') },options.headers || {});//axios()   返回一个promise对象,用于异步请求//options是一个对象,其中包含了许多用于配置请求的参数,//例如请求的url、请求方法(GET、POST等)、请求头等return axios(options).then(({ status, data, statusText }) => {//该函数在请求成功并返回数据时被调用//status:HTTP状态码,例如200表示请求成功。//data:服务器返回的数据。// statusText:HTTP状态文本,例如"OK"表示请求成功。if (status == 200) {return data;} else {throw new Error(statusText);}}).catch(e=>{return Promise.reject(e);//return Promise.reject(e.message);});
}

        views文件夹下创建文件easya.vue,放入代码做测试:

<script setup>
import {ref,onMounted} from 'vue';
import easyapi from '../api';</script><template><h1>hello vue</h1></template>
<style>
</style>

src下的main.js代码覆盖为:

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
import router from './router'createApp(App).use(router).use(ElementPlus).mount('#app')

src下的App.vue代码覆盖为:

<script setup></script><template><!--设置页面占位符--><router-view></router-view>
</template>

运行测试:输入 npm run dev

访问本地路径:http://localhost:5173/easya 访问

终端Ctrl+c退出

http://www.yayakq.cn/news/973704/

相关文章:

  • 提升型企业网络营销网站旅游网站建设的参考文献
  • 加粉网站开发品牌代理
  • 网站建设总结报告书开发一个app的注意事项
  • 哪个公司做网站比较好哪里有营销型网站制作
  • 一个网站需要哪些备案品牌推广图片
  • 怎么修改收录网站的标题网站建设如何增加二级页面
  • 微网站 网页生成网站地图
  • 广州继续教育平台登录入口上海营销型网站seo
  • 怎样建设淘宝客导购网站装潢设计工作室
  • 展示图片的网站模板如何进行网站维护
  • 网站优化报价硬件开发设计流程
  • 做企业网站要怎么设计方案忘记wordpress
  • 中国做网站的公司排名我的网址注册
  • 合肥专业网站制作python 网站开发实战
  • 网站开发需要做什么工作企业网站模板2016成套
  • 如果做游戏的技术用来做网站网站建设方向市场分析
  • 怎么做网站的产品分析网站营销软件
  • 户外家具技术支持东莞网站建设苏州精品网站建设
  • 音乐网站的设计写作网站都有哪些ppp
  • 重庆找工作的网站网站建设制作教程
  • 网站开发完后部署到网上网站域名响应时间
  • win7 iis建立网站用django怎么做网站
  • 西部网站管理助手陵水专业网站建设
  • 沧州市网站建设公司企业邮箱的个人邮箱
  • 投资网站排行wordpress折叠目录
  • 网络公司的手机网站俄语学习网站
  • 烟台html5网站建设泉州网页制作设计
  • 网站建设有哪些关键细节四川seo推广
  • 鞍山一般做一个网站需要多少钱u9u8网站建设
  • 织梦生成网站地图洛阳高新区做网站公司