如何在使用sencha app watch时指定自定义域名？

首先，sencha app watch本身不直接支持--host参数，官方文档里确实没有相关说明，但可以通过两种方式实现自定义域名访问，解决CORS问题：

方法1：修改本地hosts文件绑定域名到localhost #

• 找到系统的hosts文件：
  • Windows：C:\Windows\System32\drivers\etc\hosts
  • macOS/Linux：/etc/hosts
• 添加一行配置：127.0.0.1 mydomain.app
• 保存后，启动sencha app watch（可指定端口，比如sencha app watch -port 1841），直接访问http://mydomain.app:1841即可，浏览器会将自定义域名解析到本地，规避跨域限制。

方法2：使用反向代理工具（如Nginx） #

• 配置Nginx反向代理，将mydomain.app的请求转发到localhost:1841：

  server {
      listen 80;
      server_name mydomain.app;
  
      location / {
          proxy_pass http://localhost:1841;
          proxy_set_header Host $host;
          proxy_set_header X-Real-IP $remote_addr;
      }
  }
  

• 启动Nginx后，访问http://mydomain.app即可转发到Sencha开发服务器，同时解决CORS问题。

如果需要HTTPS的自定义域名，可以用mkcert生成本地自签证书，配合Nginx配置SSL即可。

内容的提问来源于stack exchange，提问作者John Smith