发表于 | 更新于: | 分类于
字数统计: 194字 | 阅读时长 ≈ 1分钟

跨域代理

前端

JSON

1、根目录下新增proxy.config.json/proxy.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
// json 
{
  "/api": {
    "target": "service address",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true,
    "pathRewrite": {
      "^/apidata": ""
    }

  }
}
1
2
3
4
5
6
7
8
9
10
11
// js
const PROXY_CONFIG = [{
  context: [
    "/api"
  ],
  target: "http://xxxx:8764/", //测试环境
  target: "http://xx:8764",  //测试环境
  secure: false
}]

module.exports = PROXY_CONFIG;

2、angular.json配置文件加载配置代理文件proxyconfig.json/proxy.config.js

1
2
3
4
5
6
"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "project1:build",
      "proxyConfig": "proxy.config.json"/"proxyConfig": "proxy.config.js"
  }
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 160字 | 阅读时长 ≈ 1分钟

基于qrious生成二维码。

1
npm i --save qrious

代码示例

1
<canvas id="qr"></canvas>
1
2
3
4
this.qr = new QRious({
    element: document.getElementById('qr'),
    value: this.value
  });
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 179字 | 阅读时长 ≈ 1分钟

GitHub有一个很实用的功能就是GitHub Pages，他相当于为Github项目建立了一个可视化的web页面。angular-cli-ghpages的功能就与这个类似

1.首先新建一个Github空项目，比如ng-deerway

然后使用angular-cli工具生成一个新项目

安装angular-cli-ghpages包 

1
npm install angular-cli-ghpages -g

2.打包项目代码，并设置项目链接地址 

1
ng build --prod --base-href "https://xxxx.github.io/项目仓库名/"

3.初始化git

1
2
git init
git remote add origin [url]

4.发布（默认push到gh-pages分支上）

1
npx ngh --dir=dist/[PROJECT-NAME]

PROJECT-NAME项目的名称。如果使用的是Angular 5及更低版本，运行不带项目名称的命令

1
npx ngh --dir=dist

发表于 | 更新于: | 分类于
字数统计: 404字 | 阅读时长 ≈ 1分钟

标题

使用#，可表示1-6级标题。

#一级标题

##二级标题

###三级标题

段落

区块引用

在段落的每行或者只在第一行使用符号>,还可使用多个嵌套引用

区块引用

嵌套引用

代码引用

1
2
/*```js  console.log('Just do it')```*/
console.log('Just do it')
1
npm run dev
阅读全文 »
0%